SeoForm

Domain

SEO metadata formu: başlık (60 karakter sınırı), meta açıklaması (160 karakter) ve anahtar kelime etiket girişi.

Empty

Preview

SEO Title

0/60

Meta Description

0/160

Keywords

Press Enter or comma to add a keyword.

Code

<%- include('modules/domain/common/seo/SeoForm', { action: '/content/1/seo' }) %>

Pre-filled

Preview

SEO Title

23/60

Meta Description

64/160

Keywords

running shoes sports

Code

<%- include('modules/domain/common/seo/SeoForm', {
  action: '/content/1/seo',
  cancelHref: '/content/1',
  initial: {
    seoTitle: 'Best Running Shoes 2025',
    seoDescription: 'Discover the top-rated running shoes…',
    keywords: ['running', 'shoes', 'sports']
  }
}) %>

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

<%
  var _action      = locals.action      || '#';
  var _method      = locals.method      || 'post';
  var _initial     = locals.initial     || {};
  var _cancelHref  = locals.cancelHref  || null;
  var _errors      = locals.errors      || {};
  var _error       = locals.error       || '';
  var _keywords    = Array.isArray(_initial.keywords) ? _initial.keywords : [];
  var _titleLen    = (_initial.seoTitle       || '').length;
  var _descLen     = (_initial.seoDescription || '').length;
%>

  <% if (_error) { %>
  
    
    <%= _error %>
  
  <% } %>

  <%- include('../../../ui/Input', {
    id: 'seo-title', label: 'SEO Title', name: 'seoTitle',
    placeholder: 'Page title for search engines',
    value: _initial.seoTitle || '',
    error: _errors.seoTitle,
    hint: _titleLen + '/60'
  }) %>

  
    Meta Description
    <%= _initial.seoDescription || '' %>
    <% if (_errors.seoDescription) { %>
    <%= _errors.seoDescription %>
    <% } else { %>
    <%= _descLen %>/160
    <% } %>
  

  
    Keywords
    
      <% _keywords.forEach(function(kw) { %>
      
        <%= kw %>
        
      
      <% }); %>
      
    
    Press Enter or comma to add a keyword.
  

  
    <% if (_cancelHref) { %>
    <%- include('../../../ui/Button', { variant: 'outline', children: 'Cancel', href: _cancelHref }) %>
    <% } %>
    <%- include('../../../ui/Button', { type: 'submit', children: 'Save SEO' }) %>