Analiza Open Graph

Jak działa ta kontrola

Scanaris szuka w <head> Twojej strony trzech znaczników Open Graph: og:title, og:description i og:image. Jeśli są wszystkie trzy z treścią, nie ma nic do powiedzenia. Jeśli brakuje któregoś, otwiera ustalenie informacyjne wskazujące których; jeśli brakuje wszystkich trzech, ustalenie mówi wprost, że strona nie ma Open Graph. Jest informacyjne, więc nie odejmuje punktów: to nie luka bezpieczeństwa ani indeksowania, to stracona okazja za każdym razem, gdy ktoś udostępnia Twoją stronę.

Dlaczego to ważne

Gdy ktoś wkleja Twój link w WhatsAppie, X, LinkedInie, Slacku, Discordzie, iMessage lub Telegramie, aplikacja odwiedza adres, czyta te znaczniki i buduje kartę podglądu: duży obraz, tytuł i opis. Bez nich karta wychodzi bez obrazu, z surowym adresem albo z przypadkowym fragmentem tekstu ze strony. Różnica w kliknięciach między linkiem z kartą a bez niej jest duża, zwłaszcza na telefonie, gdzie karta zajmuje cały ekran. A obraz, który wybierzesz, to dla wielu osób pierwsze wrażenie o Twojej marce.

Jak to naprawić

<meta property="og:title" content="Skaner bezpieczeństwa aplikacji tworzonych z AI">
<meta property="og:description" content="Przeskanuj stronę w 60 sekund i dostań każdą lukę z rozwiązaniem.">
<meta property="og:image" content="https://twojadomena.pl/og/home.png">
<meta property="og:url" content="https://twojadomena.pl/">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

• Obraz podajesz jako adres bezwzględny w HTTPS, 1200 na 630 pikseli, w JPG lub PNG i poniżej 1 MB, żeby zaakceptowały go wszystkie platformy. Tło marki, tytuł strony dużą czcionką i logo to formuła, która działa.
• Jeden na stronę, nie ten sam wszędzie. Artykuł ze swoim tytułem na obrazie udostępnia się częściej niż z ogólnym obrazem witryny. Nuxt ma moduł generujący te obrazy z szablonu; Next.js robi to plikiem opengraph-image.tsx w każdej ścieżce.
• Nuxt: useSeoMeta({ ogTitle, ogDescription, ogImage, twitterCard: 'summary_large_image' }). Next.js: metadata.openGraph i metadata.twitter. WordPress: Yoast i Rank Math generują je dla każdego wpisu z obrazka wyróżniającego.
• twitter:card to jedyny własny znacznik, którego potrzebuje X; dla tytułu, opisu i obrazu używa og:, jeśli nie znajdzie swoich.

Platformy zapisują kartę w cache przy pierwszym napotkaniu adresu. Po zmianie znaczników poproś o ponowne pobranie w debugerze udostępniania Facebooka, inspektorze postów LinkedIna albo walidatorze X; WhatsApp i Telegram odświeżają ją same po pewnym czasie.

Sprawdź, czy naprawione

curl -s https://twojadomena.pl | grep -oE '<meta (property|name)="(og:|twitter:)[^"]+" content="[^"]*"'
curl -s -o /dev/null -w "%{http_code} %{content_type}\n" "$(curl -s https://twojadomena.pl | grep -oE 'og:image" content="[^"]+"' | cut -d'"' -f3)"

Pierwsze wypisuje znaczniki; drugie pobiera obraz i powinno dać 200 z typem obrazu. Potem wklej adres w czacie z samym sobą i obejrzyj kartę.

Często zadawane pytania

Mam już tytuł i meta description. Nie wystarczą?

Niektóre platformy używają ich jako zapasu, ale żadna nie pokazuje obrazu bez og:image, a to obraz robi skok w kliknięciach. Znaczniki og: pozwalają Ci też ustawić tytuł inny niż dla Google, krótszy i bardziej bezpośredni.

Czy to liczy się dla SEO?

Nie bezpośrednio: Google nie używa Open Graph do rankingu. Liczy się przez to, że ludzie udostępniają i klikają, co kończy się linkami i ruchem. To, co Google faktycznie czyta, sprawdza metadane SEO.

Mój obraz jest przycięty w niektórych aplikacjach.

Każda platforma przycina do swoich proporcji. Przy 1200 na 630 i ważnej treści wyśrodkowanej, z marginesem przy krawędziach, wygląda dobrze wszędzie. Unikaj małego tekstu przy rogach.