SeoPreview

Domain

Google arama sonucu önizleme kartı. Başlık, URL ve açıklama ile karakter sayacı göstergesi. Boş alanlar yer tutucu metin gösterir.

Filled

Preview

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

Keywords

Code

<%- include('modules/domain/common/seo/SeoPreview', {
  seo: { seoTitle: 'My Page Title', seoDescription: 'A clear meta description.', keywords: ['next', 'react'] },
  url: 'https://example.com/page'
}) %>

Empty (placeholders)

Preview

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

Keywords

Code

<%- include('modules/domain/common/seo/SeoPreview', {
  seo: {},
  url: 'https://example.com/page'
}) %>

Source modules/domain/common/seo/SeoPreview.ejs

<%
  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