Назад към блога
Случвало ли ви се е да се чудите защо връзките, споделени във Facebook или Twitter, понякога изглеждат странно? Знаете ли как да повлияете на начина, по който изглеждат вашите споделени статии в тези социални медии?
Ако не сте сигурни дали сте направили всичко възможно, за да оптимизирате информацията за вашия блог пост или страница, която се показва във Facebook и Twitter, прочетете нататък. Ще ви покажем как използването на правилните social media meta tags може да ви помогне да подобрите визията и усещането на прегледите на вашите постове.
Когато споделяте линк към статия, искате вашият post да изглежда добре. Желателно е той да съдържа качествено изображение, правилно заглавие, описание и URL. Facebook, Twitter и други платформи извличат тези параметри директно от вашия уебсайт.
Можете да контролирате какво извличат те, като включите social media meta tags (например Open Graph tags) в HTML кода на вашите страници.
Ако Facebook meta tags (= Open Graph meta tags) са налични, вие определяте какво се показва във Facebook post. Ако не включите тези Open Graph (og) свойства, Facebook пак ще покаже информация, но вероятно не по начина, по който бихте искали. Това работи аналогично и с Twitter meta tags. Нека го демонстрираме чрез примера със споделяне на линк във Facebook.
Споделяне на уеб съдържание във Facebook
Facebook е чудесна платформа за споделяне на ново съдържание. Създаването на нов post от статия в сайта е толкова лесно, колкото да поставите линка в полето за нов Facebook post.
Нека разгледаме този процес. Ще използваме нашия пост за Facebook Marketing Strategy като пример.
След поставяне на URL адреса, Facebook извлича данните от него и създава форматиран post за нас. Форматът се вижда веднага в preview режима – както за десктоп, така и за мобилни устройства. Ако използвате Kontentino за управление на вашето съдържание, прегледът е наличен незабавно в своя content calendar.
Разбиране на мета таговете в HTML кода на уеб страницата
Мета свойства за търсачки
В самото начало можем да видим няколко свойства, определящи параметрите на статията, наричани още meta tags или meta properties. Някои от тях се използват от търсачките, за да разберат съдържанието, предоставяйки информация, която не се вижда директно на страницата. Те включват например:
- Meta title – <title>
- Meta description – meta name=”description”
- Robots – meta name=”robots”
Изображението по-долу показва HTML кода за този пост на Kontentino. Можете да видите тези мета тагове, маркирани в зелено.
Идентифициране на мета тагове в HTML кода на поста Facebook Ads Target Audiences 101: The Ultimate Guide
Бърз съвет: Не сте сигурни как да видите HTML кода? Просто натиснете CTRL+U във вашия браузър на Windows или Option + Command + U на Mac.
Благодарение на тези тагове, търсачките знаят, че индексирането на страницата е разрешено (dofollow). Заглавието и описанието се използват от търсачките за показване на линка в техните резултати (SERP). Както виждате, свойствата са зададени по следния начин:
- Meta title: ‘Facebook Ads Target Audiences 101: The Ultimate Guide | Kontentino Blog – Simplifying Social Media Approval Workflow’
- Meta description: ‘Find out how to reach the right people with Facebook Ads target audiences.’
Знаем, че тези мета тагове нямат оптимална дължина, но целта ни тук не е SEO анализ. Нека преминем към таговете под тях, които съдържат текста „og:“.
Тези свойства често се наричат social media meta tags или просто og meta properties.
В кода на нашия post има 7 различни og свойства:
- og: locale
- og: type
- og: title
- og: description
- og: url
- og: site_name
- og: image
Освен това има още Facebook meta tags, свързани с изображението:
- og:image:width
- og:image:height
- og:image:alt
- og:image:type
Twitter meta tags
Освен тях, ще намерите и специализирани тагове за Twitter:
- meta name=”twitter:card”
- meta name=”twitter:title”
- meta name=”twitter:description”
- meta name=”twitter:site”
- meta name=”twitter:image”
Нека се върнем към примера за Facebook. Трябва да разберем и редактираме съдържанието на „og:“ свойствата, за да променим как изглежда нашият нов FB post с вградения линк.
Прочетете нататък, за да научите повече за: i) Дешифриране на og: свойства; ii) Насоки за писане на съдържание за social meta tags; и iii) Редактиране на тези свойства във вашата CMS система.
Публикуване във Facebook и Twitter с Kontentino
Регистрирайте се за 14-дневен пробен период в Kontentino и овладейте социалните тагове с нас. Вижте preview на поста си, преди да го публикувате.
„og:“ в HTML кода на вашия уебсайт означава „Open Graph“. Това е протокол, който ви позволява да кажете на Facebook как точно трябва да изглежда споделеното съдържание. Както вече споменахме, без тези тагове Crawler-ът на Facebook прави „най-доброто предположение“ за заглавието, описанието и изображението. Ясното дефиниране на тази информация гарантира най-високо качество на вашите постове.
Тези тагове са изключително важни. Протоколът Open Graph беше пуснат от Facebook преди повече от 10 години (през 2010 г.), а днес се поддържа от Open Web Foundation.
Няма да ви отегчаваме с история; нека преминем към детайлите на 4-те основни тага, които отговарят за визията на вашия post във Facebook: og:title, og:image, og:url и og:description.
Свойство og:title
Това е един от четирите основни метаданни. Чрез него задаваме заглавието на нашия обект (блог пост). Facebook ще извлече това заглавие и ще го покаже точно под URL адреса.
Свойство og:image
Тук вмъкваме URL адреса на изображението, което представлява статията. Чрез og:image гарантираме, че точно това изображение ще се появи във Facebook, вместо алгоритъмът да избере произволна снимка от страницата.
Свойство og:url
Този таг съдържа каноничния URL на нашия обект, който служи за негов постоянен ID. В нашия случай това е линкът към блог поста.
Свойство og:description
И накрая, og:description ни помага да покажем кратко описание при споделяне. То трябва да е ясно и ангажиращо, за да подтикне потребителите към кликване.
Twitter meta tags
Те работят аналогично на Open Graph таговете и определят съдържанието, което Twitter ще извлече при споделяне на страницата.
Майсторско управление на og meta tags
Facebook и Twitter предлагат насоки за използване на тези тагове. След като разбрахме важността им, е време да влезем в CMS на сайта ни и да видим как се редактират. Ще използваме за пример WordPress, тъй като е най-популярната CMS в света.
Ако използвате SEO плъгин като Yoast SEO, Rank Math или All in One SEO, те ще ви бъдат много полезни. Почти всеки добър плъгин позволява да променяте таговете за Facebook и Twitter отделно. Ето как става в Rank Math.
Започваме с редактиране на поста и избираме раздела ”social”.
Намиране на мястото за редактиране на тагове във вашата CMS
Rank Math съдържа визуализатор в реално време. Кликнете върху бутона „Preview & Edit Social Media“.
Редактиране на Facebook meta tags
Първо ще видите preview на Facebook поста, а под него – таговете, които могат да се коригират.
Предварителен преглед на споделен линк, генериран от CMS
В нашия пример симулаторът показва стойности от базовите метаданни за търсачки, ако специфичните og свойства не са попълнени.
Редактиране на og:title и og:description
След като запазите промените, трябва да проверите как изглежда обновеният пост.
Нови попълнени мета тагове за поста
Преди да проверим резултата, трябва да споменем, че ако не ползвате SEO плъгин, можете да инсталирате специализиран такъв като OG или да вмъкнете кода ръчно. Платформи като WIX също имат вградени решения за това.
След редакцията е време за тест. Използвайте Facebook Debugger, за да видите промените в действие. Не забравяйте да изчистите кеша на браузъра си или временните файлове на Safari, ако промените не се виждат веднага.
Open Graph тагове във Facebook Link Sharing Debugger
Preview в инструмента на Facebook, показващо таговете в действие
Както се вижда, всичко изглежда добре и промените са приложени успешно.
Често срещани погрешни схващания
Мит 1: Мета таговете са само за SEO.
Те не са само за търсачките – играят критична роля за това как съдържанието ви се показва в социалните мрежи, подобрявайки engagement-а.
Мит 2: Всички изображения ще се показват перфектно.
Без специфициран og:image или Twitter card, платформите могат да изберат неподходящо изображение, което ще развали визията на вашия post.
Мит 3: Мета таговете са само за едностранични сайтове.
Те са от съществено значение за всеки сайт. Независимо дали имате блог или продуктов каталог, правилното използване на таговете гарантира консистентност.
Мит 4: Можете да разчитате на платформите да форматират всичко сами.
Това е рисковано. Без ръчна настройка на og:url и og:description, платформите могат да извлекат грешни или непълни данни.
Мит 5: Социалните тагове са трудни за внедряване без кодене.
Плъгини като Rank Math значително опростяват процеса. Не е нужно да сте уеб разработчик, за да оптимизирате своите posts.
Мит 6: Twitter cards работят само със статични изображения.
Те поддържат различни формати, включително GIF и видео, което прави вашите posts по-динамични.
Мит 7: Мета таговете са само за вашето собствено съдържание.
Те помагат съдържанието ви да изглежда професионално, независимо къде и от кого е споделено в интернет.
Заключение
Надяваме се, че тази статия ви е помогнала да разберете значението на og properties. Ако искате да вдигнете своя social media marketing на следващото ниво, изпробвайте Kontentino. Това е лесен за използване инструмент, който поддържа ефективна екипна колаборация и процеси по content approval.
Нашият Content Calendar интегрира функцията за предварителен преглед, така че не е нужно да ходите никъде другаде, за да видите как ще изглежда вашият нов линк – спестявайки ви ценно време.
А какво по-хубаво от това да настроите UTM тагове за проследяване, да планирате бъдеща публикация или да зададете бюджет за реклама директно от едно място?
FAQ
Какво е social media meta tag?
Предоставя ключови данни като заглавия, изображения и описания на платформите при споделяне на страници. От съществено значение е за ангажираността на потребителите.
Какви са примерите за мета тагове?
Примери са og:title, og:image и og:url, които оптимизират споделянето във Facebook и Twitter.
Какво са социални метаданни?
Те включват Open Graph данни като заглавие, описание и висококачествени изображения, подобряващи визията на постовете.
Колко мета тага трябва да използвам?
Използвайте основните og:title, og:image, og:url и Twitter card tags. Фокусирайте се върху качеството, а не върху количеството.
