·2 min read·Metadane

Wykres otwarty

Open Graph to metatagi w głowie strony, które kontrolują tytuł, opis i obraz pokazane, gdy link jest udostępniany na aplikacje społecznościowe i wiadomości.

Kasper Hermann Due Stück
Założyciel i specjalista e-commerceTworzy aplikacje Shopify skupione na SEO i rozwoju sklepów.

Co to jest Open Graph?

Open Graph to protokół Facebook wprowadzony w 2010 roku, który wykorzystuje metatagi na stronie <head> do kontroli, jak wygląda link, gdy jest dzielony. Tags like og:title, og:description, og:image, og:urloraz og:type powiedz platformom takim jak Facebook, LinkedIn, Messenger, WhatsApp i Slack, który tytuł, tekst i obraz do pokazania w podglądzie. Bez nich platforma zgaduje samodzielnie - często z przypadkowym obrazem lub złym tekstem.

Dlaczego Open Graph ma znaczenie?

Dla sklepu internetowego, wspólne linki są bezpłatne ekspozycji, a podgląd decyduje, czy ludzie kliknąć. A chrupiące og:image I jasne og:title na stronach produktu i kolekcji produkować profesjonalną, clickable karty w kartach i czatach. Open Graph nie jest bezpośrednim sygnałem rankingowym Google, ale silnie wpływa na click- poprzez kanały społeczne. Zauważ, że X (Twitter) używa własnych znaczników karty Twittera, ale wraca do Open Graph, gdy ich brakuje.

Przypadki wspólnego stosowania

  • Strony produktu, gdzie og:image powinien pokazać zdjęcie produktu, a nie logo sklepu.
  • Kampania i strony lądowania udostępniane w biuletynach, reklamach i postów.
  • Blog posty i przewodniki, gdzie redakcja udostępniania obrazu podnosi CTR.
  • Debugowanie niewłaściwego podglądu z Facebook ‘s Sharing Debugger lub LinkedIn Post Inspector.
  • Prawidłowo dobrana wielkość: og:image 1200 × 630 px unika uprawy.

Shopify perspektywa

Większość motywów Shopify automatycznie popularyzuje znaczniki Open Graph w theme.liquid i ciągnąć og:image z wyświetlanego obrazu produktu. Problemy pojawiają się, gdy aplikacje wstrzykują duplikaty znaczników lub gdy strony nie mają dedykowanego obrazu akcji. Zaznacz źródło renderowane na prawdziwych adresach URL i weryfikuj z debuggerem udostępniającym zamiast zakładać Motyw robi to dobrze. Open Graph uzupełnia Twój Opis meta oraz Dane strukturalne, ale nie zastępuje ich.

Pocium aktualizacje dla kupców Shopify

Nowe aplikacje, praktyczne przewodniki Shopify i aktualizacje produktów.