Генератор на OGP тагови (автоматски излез за og:title, og:image и повеќе)

Внесете URL, наслов, опис и URL на слика. Генерирајте Open Graph и Twitter Card meta тагови на едно место.

Подготвено за копирање и вметнување Вграден преглед Насоки за слика и кеш

Како да се користи

  1. Отворете ја алатката и внесете canonical URL, наслов и URL на слика.
  2. По желба додајте опис, име на сајтот и Twitter поставки.
  3. Копирајте ги генерираните meta тагови и вметнете ги во head делот на страницата.
  4. Проверете го прегледот и белешките, а потоа по потреба прилагодете ги размерот на сликата или стратегијата за кеш.

Што е OGP?

Open Graph Protocol (OGP) е metadata што ја користат социјалните платформи и chat апликациите за да прикажат preview на линкови.

Со поставување og:title, og:description, og:image и поврзаните тагови можете да влијаете како изгледаат споделените URL-и.

Комбинирањето на OGP со Twitter Card тагови помага однесувањето на preview-от да биде поконзистентно меѓу платформите.

Насоки за големина на слика (за постабилно рендерирање на preview)

Насоки за Meta платформи (референца)

  • Минимална референтна вредност: 200×200.
  • Често стабилно: 1200×630 или поголемо, барем 600×315.
  • Целен сооднос на страни околу 1.91:1.
  • Насоките за големина на датотека вклучуваат 8MB или помалку.

Насоки за X картички (референца)

  • summary_large_image генерално цели кон сооднос околу 2:1.
  • Референтен опсег: минимум 300×157, максимум 4096×4096.
  • Насоките за големина на датотека вклучуваат помалку од 5MB.
  • Користете JPG/PNG/WEBP/GIF каде што е поддржано.

Кога ажурирањата не се појавуваат (кеш и повторно скенирање)

  • Социјалните crawlers можат да кешираат преземена metadata. Користете debugger/inspector алатката на секоја платформа за да побарате повторно скенирање.
  • Ако заменетата слика не се појавува, промена на URL-то на сликата може да помогне (ажурирање на името на датотеката или query string).
  • Поставувањето og:image:width и og:image:height може во некои случаи да ја подобри стабилноста на рендерирањето.

Meta Sharing Debugger

https://developers.facebook.com/tools/debug/

Повторно скенирајте и проверете ги резултатите од Open Graph парсирањето за Meta платформите.

X Card Validator

https://cards-dev.twitter.com/validator

Проверете metadata за X card и по можност присилете повторно преземање на картичката.

FAQ

Може ли ова да генерира и Twitter Card тагови?

Да. Може заедно да изведе twitter:card и поврзаните тагови. Достапен е и минимален режим.

Каква големина на слика треба да користам?

Користете практични насоки според дестинацијата. Preview-и ориентирани кон Meta често користат сооднос околу 1.91:1 (на пример 1200×630), додека X summary_large_image често користи околу 2:1 (на пример 1200×600).

Зошто промените не се одразуваат?

Во повеќето случаи причината е кеш. Побарајте повторно скенирање преку алатките на платформата и размислете за промена на URL на сликата по замена.