Генератор на Open Graph тагове и карти за социални мрежи

Как се използва генераторът на Open Graph

1. Въведете Заглавие и Описание, които искате хората да виждат при споделяне на връзката ви. Те могат да се различават от SEO заглавието: пишете ги за социален фийд.
2. Добавете URL на страницата (каноничния адрес) и URL на изображението. И двата трябва да са абсолютни и да започват с https://.
3. Опишете изображението в Описание на изображението (alt текст), за да знаят хората, които ползват екранни четци, какво показва то.
4. Изберете или пуснете същата снимка в Изображение за преглед. Тя остава на вашето устройство: инструментът я използва само за да нарисува прегледите и да попълни Ширина на изображението (px) и Височина на изображението (px).
5. Задайте Име на сайта, Тип съдържание и Локал, после изберете стила на Карта за X (Twitter) и, ако имате такива, X акаунтите на сайта и на автора.
6. Проверете прегледите и списъка Проверки, после Копирай или Изтегли таговете и ги поставете в <head> на страницата.

Всичко работи във вашия браузър. Нищо от въведеното не се изпраща към сървър, а избраното изображение остава на вашето устройство.

Какво правят Open Graph таговете

Когато връзка се постави във Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage и много други приложения, робот извлича страницата и чете нейните Open Graph (og:) мета тагове, за да изгради карта: изображение, заглавие, кратко описание и домейн. Без тези тагове приложението налучква, често избирайки лого, банер за бисквитки или първото изречение от менюто.

Четирите основни свойства са og:title, og:type, og:image и og:url. Този инструмент добавя също og:description, og:site_name, og:locale и данните за изображението (og:image:width, og:image:height, og:image:alt). Декларирането на размера на изображението позволява на някои платформи да изобразят картата още при първото споделяне, вместо да чакат изтеглянето на изображението.

X чете собствените си тагове twitter:, но използва заглавието, описанието и изображението от Open Graph, когато версиите за X липсват, затова инструментът добавя само онова, което X наистина има нужда: twitter:card, незадължителните акаунти и описанието на изображението. Така не се дублира всяка стойност.

Размери на изображенията, които работят навсякъде

Използвайте JPEG или PNG, дръжте файла разумно малък (доста под 5 MB) и избягвайте важен текст близо до краищата, защото всяка платформа реже малко по-различно. Прегледите в този инструмент са приближения на тези оформления, а не снимки на екрана.

След публикуването

Социалните платформи кешират прегледите на връзките, понякога за дни. След като промените таговете, помолете ги да обходят страницата отново с Facebook Sharing Debugger или LinkedIn Post Inspector. Страницата трябва да е публично достъпна: роботите не виждат страници зад вход с парола или на localhost.