OGP генератор на тагове (автоматичен изход за og:title, og:image и още)

Въведете URL, заглавие, описание и URL на изображение. Генерирайте Open Graph и Twitter Card meta тагове на едно място.

Готово за копиране и поставяне Вграден преглед Насоки за изображения и cache

Как се използва

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

Какво е OGP?

Open Graph Protocol (OGP) е metadata, използвана от социални платформи и чат приложения за визуализиране на preview на връзки.

Като зададете og:title, og:description, og:image и свързани тагове, можете да повлияете на това как изглеждат споделените URL адреси.

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

Насоки за размер на изображението (за по-стабилно визуализиране на preview)

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

  • Минимална справочна стойност: 200×200.
  • Често стабилно: 1200×630 или по-голямо, поне 600×315.
  • Целево съотношение около 1.91:1.
  • Препоръката за размер на файла включва 8 MB или по-малко.

Насоки за X card (справка)

  • summary_large_image обикновено цели съотношение около 2:1.
  • Справочен диапазон: минимум 300×157, максимум 4096×4096.
  • Препоръката за размер на файла включва по-малко от 5 MB.
  • Използвайте JPG/PNG/WEBP/GIF, когато се поддържат.

Когато обновленията не се появяват (cache и повторно сканиране)

  • Социалните crawler-и може да кешират изтеглената metadata. Използвайте debugger/inspector на съответната платформа, за да поискате ново сканиране.
  • Ако замяната на изображението не се отразява, промяна на URL на изображението може да помогне (обновяване на името на файла или query string).
  • Задаването на og:image:width и og:image:height понякога може да подобри стабилността на визуализирането.

Meta Sharing Debugger

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

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

X Card Validator

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

Проверявайте metadata за X card и при възможност принуждавайте повторно извличане на card.

FAQ

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

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

Какъв размер на изображението да използвам?

Използвайте практични насоки според целта. Preview, ориентирани към Meta, често използват около 1.91:1 (например 1200×630), докато X summary_large_image често използва около 2:1 (например 1200×600).

Защо промените не се отразяват?

В повечето случаи причината е cache. Поискайте повторно сканиране чрез инструментите на платформата и обмислете промяна на URL на изображението след замяна.