SeoPreview
DomainGoogle search result preview card. Shows title, URL, and description with character count indicators. Empty fields render placeholder text.
Google Preview
Shop Example
https://shop.example.com/running-shoes
Best Running Shoes 2025
Discover the top-rated running shoes for every terrain and budget. Free shipping on orders over $50.
23/60
Title
100/160
Description
2
Keywords
<%- include('modules/domain/common/seo/SeoPreview', {
seo: { seoTitle: 'My Page Title', seoDescription: 'A clear meta description.', keywords: ['next', 'react'] },
url: 'https://example.com/page'
}) %>Google Preview
https://example.com/page
Page title will appear here
Meta description will appear here. Keep it between 120–160 characters for best results in search engines.
0/60
Title
0/160
Description
0
Keywords
<%- include('modules/domain/common/seo/SeoPreview', {
seo: {},
url: 'https://example.com/page'
}) %><%
var _seo = locals.seo || {};
var _url = locals.url || 'https://example.com/page';
var _siteName = locals.siteName || null;
var TITLE_PLACEHOLDER = 'Page title will appear here';
var DESC_PLACEHOLDER = 'Meta description will appear here. Keep it between 120–160 characters for best results in search engines.';
var title = (_seo.seoTitle || '').trim() || TITLE_PLACEHOLDER;
var desc = (_seo.seoDescription || '').trim() || DESC_PLACEHOLDER;
var hasTitle = !!(_seo.seoTitle || '').trim();
var hasDesc = !!(_seo.seoDescription || '').trim();
var titleLen = (_seo.seoTitle || '').length;
var descLen = (_seo.seoDescription || '').length;
var kwCount = Array.isArray(_seo.keywords) ? _seo.keywords.length : 0;
%>
Google Preview
<% if (_siteName) { %><%= _siteName %>
<% } %>
<%= _url %>
<%= title %>
<%= desc %>
<%= titleLen %>/60
Title
<%= descLen %>/160
Description
<%= kwCount %>
Keywords