Open Graph или превью сайта

Стал замечать, что когда отправляешь ссылку на статью в любом из мессенджеров, то в отличии от остальных, у него не появляется превью. :(

В начале думал проблема с темой, так как шаблон делался самостоятельно, то мог не учесть каких то моментов. Но оказалось, что проблема кроется в Open Graph или как ее еще называют — микроразметка.

Обязательные теги Open Graph:

og:title – заголовок страницы.

og:type – описывает тип объекта на странице (веб-сайт, блог, книга, фильм и т.д.).

og:image – URL изображения, характеризующего страницу.

og:url – адрес сайта.

У меня вышло вот так:

В итоге превью сайта появилось:

Можно так же для этих целей использовать плагин — yoast seo. Он делает все это автоматом и не нужно ковырять код!

Поделиться статьей:

Оставить комментарий

Доступные тэги оформления текста:

Смайлики:

;) :yesss: :tuktuk: :tu-tu: :sos: :pivo: :oops: :music: :flammlin: :diyavol: :cry: :cool: :aaaaaaa: :-P :-D :-* :) :( 8O 8)

 INFOBOX - хостинг php, mysql + бесплатный домен! Яндекс цитирования  Яндекс.Метрика Счетчик PR-CY.Rank  проверить сайт