Какво представляват метаетикетите Open Graph?
Метаетикетите Open Graph са фрагменти от код, които контролират начина на показване на уебстраниците при споделяне в социалните мрежи. Тези тагове са част от протокола Open Graph, разработен от Facebook, но могат да се използват и от други социални мрежи, като Twitter, Pinterest, LinkedIn и др.
През 2010 г. Facebook въведе протокола Open Graph, за да подобри интеграцията между своята платформа и други уебсайтове. Целта беше да се опрости споделянето на URL адреса на даден уебсайт в социалните платформи, като уеб свойствата се трансформират в богати, графично представени обекти.
Оттогава метаетикетите Open Graph са възприети от различни други платформи, включително Twitter и LinkedIn, както и от популярни приложения за съобщения като WhatsApp.
Основни метаетикети на Open Graph
Въпреки че в документацията на Facebook са описани различни метаетикети на Open Graph, следните пет са от съществено значение за всички видове съдържание:
- og:title: Заглавието на страницата, която споделяте.
- og:type: Типът на съдържанието (например статия, книга, видео).
- og:url: Каноничният URL адрес на страницата, която споделяте.
- og:image: URL адресът на изображението, което ще се появи, когато някой сподели уебстраницата.
- og:description: Кратко описание на съдържанието, обикновено от две до четири изречения, което се показва под заглавието.
Защо са важни метаетикетите Open Graph?
Метаетикетите Open Graph са изключително важни, тъй като позволяват на уебмастърите да контролират начина, по който заглавието, описанието, името на сайта и изобр ажението на страницата се показват при споделяне в социалните мрежи. Без OG тагове социалните платформи като Facebook генерират визуализацията автоматично въз основа на URL адреса, заглавието и мета описанието на страницата. Това може да доведе до твърде дълги визуализации или използване на изображения с ниско качество.
Социалните мрежи са важен фактор за трафика към уебсайтове и конверсиите. Оптимизираните OG тагове могат да подобрят външния вид на споделените връзки, като ги направят по-интересни и по-вероятни за привличане на кликвания.
Как да добавите метаетикети Open Graph?
Процесът на настройване на метаетикетите Open Graph се различава в зависимост от платформата на уебсайта, която използвате. Предлагаме ви кратко ръководство за въвеждане на OG тагове в WordPress - най-популярната система за управление на съдържанието:
- Инсталирайте плъгина Yoast SEO: Влезте в таблото за управление на WordPress, отидете в "Плъгини" и инсталирайте плъгина Yoast SEO, ако все още не е инсталиран.
- Отворете редактора на страници: Навигирайте до редактора на страницата или публикацията.
- Отидете в раздела Yoast SEO: Изберете раздела "Социални" в раздела Yoast SEO.
- Въведете метаданните на Open Graph: Изберете "Facebook" и въведете необходимите Open Graph метаданни (заглавие, описание и изображение) за тази страница. Yoast автоматично ще зададе URL адреса.
Можете също така ръчно да въведете метаетикети Open Graph в HTML кода на страниците си. Ето един пример за това как може да изглежда кодът:
<meta property="og:title" content="Заглавието на страницата ви тук" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://yourwebsite.com/page-url/" /> <meta property="og:image" content="https://yourwebsite.com/image-url.jpg" /> <meta property="og:description" content="Кратко описание на съдържанието на вашата страница." />
Проверка на метаетикетите на Open Graph
След като настроите мета таговете OG, можете да проверите дали те работят според очакванията с помощта на дебъгъра за споделяне на Facebook. Поставете URL адреса, който искате да проверите, изберете "Debug" и той ще сканира за грешки и предложения за OG тагове. Ще получите и преглед на свойствата на OG, включително заглавието, изображението и оп исанието.
Заключение
Метаетикетите Open Graph са мощен инструмент, който гарантира, че уебстраниците ви се споделят ефективно в платформите на социалните медии. Като предоставяте ясни, кратки и визуално привлекателни визуализации, можете да увеличите ангажираността и да насочите повече трафик към сайта си.