Meta Tag Analyzer

Problem: 300 characters is way too long. Google truncates at ~160.

<meta name="description" content="{$page_description|truncate:300}">

<meta name="description" content="{$page_description|truncate:160}">

Problem: OG tags inherit the same long truncation values.

Fix OG:Title

<meta property="og:title" content="{$page_title|truncate:70}" />

<meta property="og:title" content="{$page_title|truncate:60}" />

Fix OG:Description

<meta property="og:description" content="{$page_description|truncate:300}" />

<meta property="og:description" content="{$page_description|truncate:160}" />

<meta property="og:type" content="website" />
<meta property="og:url" content="{$system['system_url']}/{$view}" />

Problem: Same truncation issues as OG tags.

<meta name="twitter:title" content="{$page_title|truncate:70}" />
<meta name="twitter:description" content="{$page_description|truncate:300}" />

<meta name="twitter:title" content="{$page_title|truncate:60}" />
<meta name="twitter:description" content="{$page_description|truncate:160}" />

Copy this entire optimized head section:

<!-- Title -->
<title>{$page_title|truncate:60}</title>
<!-- Title -->

<!-- Meta -->
<meta name="description" content="{$page_description|truncate:160}">
<meta name="keywords" content="{$system['system_keywords']}">
<!-- Meta -->

<!-- OG-Meta -->
<meta property="og:type" content="website" />
<meta property="og:url" content="{$system['system_url']}/{$view}" />
<meta property="og:title" content="{$page_title|truncate:60}" />
<meta property="og:description" content="{$page_description|truncate:160}" />
<meta property="og:site_name" content="{__($system['system_title'])}" />
<meta property="og:image" content="{$page_image}" />
<!-- OG-Meta -->

<!-- Twitter-Meta -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{$page_title|truncate:60}" />
<meta name="twitter:description" content="{$page_description|truncate:160}" />
<meta name="twitter:image" content="{$page_image}" />
<!-- Twitter-Meta -->

The _head.tpl location depends on your active theme:

• Keep it between 150-160 characters
• Write compelling copy that encourages clicks
• Include a call-to-action
• Use active voice
• Include relevant keywords naturally
• Make each description unique

• og:title - Page title
• og:description - Page description
• og:image - Image (min 1200x630px)
• og:url - Canonical URL
• og:type - Content type (website/article)

• Recommended: 1200x630px (1.91:1 ratio)
• Minimum: 600x315px
• Format: JPG or PNG
• Size: Under 8MB

• summary - Default card (small image)
• summary_large_image - Large image card (recommended)
• app - Mobile app card
• player - Video/audio player

• Summary: Min 144x144px (1:1 ratio)
• Large Image: Min 300x157px (2:1 ratio)
• Max 5MB file size