Допълнения към урока
Учебна програма Уеб сайтове с Wordpress
7. Интеграция с Facebook

Как да контролираме кое изображение се споделя. Open graph

							 

Най-важното от този урок: Как да контролирате кое изображение се споделя във Facebook

Facebook избира кое изображение да показва, когато споделяме страница и често това не е най-доброто изображение от сайта. За да контролираме какво се вижда, трябва да добавим Open Graph (OG) тагове, които указват конкретно изображение. Най-често това става автоматично чрез разширения (plugins), които вземат избраното изображение за всяка публикация. За добър външен вид, използвайте изображения с подходяща големина и резолюция.

Стъпка по стъпка: Изберете изображението за споделяне във Facebook с Wordpress 5

  1. Влезте в администрацията на вашия Wordpress 5 сайт.
  2. Отидете на менюто „Plugins" ("Разширения") → „Add New" ("Добавяне на ново").
  3. Потърсете разширение, което добавя Open Graph тагове, например „Open Graph for Facebook” или друг SEO plugin, който поддържа тази функция.
  4. Инсталирайте и активирайте избраното разширение.
  5. Обикновено настройките на тези разширения са в „Settings” ("Настройки") или имат собствено подменю.
  6. Уверете се, че опцията за Open Graph е активна.
  7. Публикувайте или редактирайте статия и задайте „Featured Image” ("Избрано изображение") според темата.
  8. За да видите какво ще се появи във Facebook, използвайте Facebook Sharing Debugger (https://developers.facebook.com/tools/debug/) – поставете адреса на страницата си, натиснете „Debug“ ("Дебъг") и вижте кое изображение е избрано.
  9. Ако Facebook е кеширал старо изображение, натиснете „Scrape Again” ("Обнови") в Debugger-а, за да обновите споделената информация.
  10. Уверете се, че избраното изображение е с достатъчно голяма резолюция (препоръчително поне 1200x630 px).

Как да го направите в последната версия: Wordpress 6

В най-новата версия на Wordpress и актуалните plugins процесът е много сходен, но със следните малки разлики:

  • Интерфейсът на администраторския панел е по-модерен, но основните менюта и опции остават с подобни имена.
  • Най-препоръчваните разширения за Open Graph са обновени — например "Yoast SEO", "Rank Math SEO" или "All in One SEO" автоматично добавят нужните Open Graph тагове. След инсталиране отидете на Settings → Social (или съответния раздел) и активирайте Open Graph функционалността.
  • Задаването на "Featured Image" ("Избрано изображение") вече присъства видимо вдясно при редакция на публикация или страница.
  • Facebook Sharing Debugger продължава да работи по същия начин.
  • По-новите теми за Wordpress 6 често имат по-добра визуализация и поддръжка за големи изображения.

Чести команди и функции, използвани за управление на Open Graph изображения

  • Featured Image – Определя кое изображение ще се използва като основно визуално съдържание за публикация или страница. Това е препоръчителният метод за избор на изображение за Facebook.
  • Open Graph Tags – Добавят в HTML кода на страницата мета-таг, който указва кое изображение, заглавие и описание да се споделя в социални мрежи (по-специално og:image).
  • Facebook Sharing Debugger – Инструмент на Facebook за тестване, обновяване и валидиране на споделяната информация.
  • Scrape Again – Опция във Facebook Sharing Debugger, която кара Facebook да презареди (обнови) данните за дадена страница.

Полезни връзки и съвет за ефективна работа

Официален сайт на Open Graph протокола

Съвет: След като инсталирате разширението за Open Graph, качете ново изображение и използвайте Facebook Sharing Debugger, за да проверите как изглежда споделянето и да обновите кеша на Facebook, ако е необходимо.