Kompletna konfiguracja SEO dla stron CMS obejmuje meta tagi, Open Graph (Facebook/LinkedIn), Twitter Card i znaczniki językowe.
Meta tagi podstawowe
W layoucie:
<title>{{ html_title | default: title }}</title>
<meta name="description" content="{{ html_description | default: tagline }}">
<meta name="keywords" content="{{ html_keywords }}">
<meta name="robots" content="index, follow">
<meta name="author" content="{{ brand }}">
W fields strony:
{
"html_title": "MojaFirma - Monitoring firmy | Prognozy chorób",
"html_description": "System AI do monitoringu firmy. Prognozy chorób, stacja pogodowa, dziennik oprysków.",
"html_keywords": "firma, monitoring, choroby winorośli, mączniak"
}
Open Graph (Facebook, LinkedIn)
W layoucie:
<meta property="og:type" content="website">
<meta property="og:url" content="{{ canonical_url }}">
<meta property="og:title" content="{{ og_title | default: title }}">
<meta property="og:description" content="{{ og_description | default: html_description }}">
<meta property="og:image" content="{{ og_image }}">
<meta property="og:locale" content="{{ lang }}_{{ lang | upcase }}">
<meta property="og:site_name" content="{{ brand }}">
W fields strony:
{
"canonical_url": "https://mojafirma.pl/dashboard",
"og_title": "MojaFirma Dashboard - Poznaj swój mikroklimat",
"og_description": "Czujnik LoRa do monitoringu firmy. Od 99 EUR.",
"og_image": "https://example.com/og-image.jpg"
}
Wymiary obrazka OG: 1200x630 px (format 1.91:1)
Twitter Card
W layoucie:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="{{ canonical_url }}">
<meta name="twitter:title" content="{{ og_title | default: title }}">
<meta name="twitter:description" content="{{ og_description | default: tagline }}">
<meta name="twitter:image" content="{{ og_image }}">
Canonical URL i hreflang
Dla stron wielojęzycznych:
<link rel="canonical" href="{{ canonical_url }}">
<link rel="alternate" hreflang="pl" href="{{ hreflang_pl }}">
<link rel="alternate" hreflang="en" href="{{ hreflang_en }}">
<link rel="alternate" hreflang="x-default" href="{{ hreflang_pl }}">
W fields:
{
"canonical_url": "https://mojafirma.pl/dashboard",
"hreflang_pl": "https://mojafirma.pl/dashboard",
"hreflang_en": "https://mojafirma.pl/dashboard-en"
}
JSON-LD Structured Data
Dla lepszego indeksowania przez Google:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "{{ title }}",
"description": "{{ html_description }}",
"brand": {
"@type": "Organization",
"name": "{{ brand }}"
},
"applicationCategory": "BusinessApplication",
"operatingSystem": "Web"
}
</script>
Testowanie SEO
| Facebook Debugger | developers.facebook.com/tools/debug/ |
| Twitter Card Validator | cards-dev.twitter.com/validator |
| Google Rich Results | search.google.com/test/rich-results |
| LinkedIn Post Inspector | linkedin.com/post-inspector/ |
Checklist SEO
-
<title>- unikalny, 50-60 znaków -
<meta description>- 150-160 znaków -
og:image- 1200x630px, < 5MB -
canonical- jeden URL per strona -
hreflang- wszystkie wersje językowe - JSON-LD - typ biznesu/produktu