OG (opengraph)

Последнее обновление: 4 июня, 2021

opengraph

Опубликовав в Telegram url при условии корректно заполненных OG мы получим сниппет который будет включать изображение, 2 заголовка и 1 блок текста:

og:site_name
og:title
og:description

Смысловое распределение получаем следующее:

  • og:site_name — название проекта и слоган к проекту
  • og:title — название конкретной страницы с ключами или УТП
  • og:description — контент который потенциально может быть интересен клиенту + номер телефона для звонка

Сколько поместится/будет обрезано символов в og:description — зависит от длины og:title и og:site_name. Идеальный результат — когда на ПК og:description заканчивается полностью видимым номером телефона.

Непосредственно код:

<meta property="og:site_name" content="">
<meta property="og:type" content="website">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:url" content="https://site.site/">
<meta property="og:image" content="https://site.site/OGimage.png">

или полный код (рекомендуется к использованию):

<title>webpage title</title>
<meta name="description" content="webpage descr">
<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<link rel="canonical" href="https://gakrus.com/portfolio/">
<meta property="og:locale" content="ru_RU">
<meta property="og:type" content="article">
<meta property="og:title" content="webpage social title">
<meta property="og:description" content="webpage social descr">
<meta property="og:url" content="URL current page">
<meta property="og:site_name" content="SITE NAME">
<meta property="article:publisher" content="URL to fb page">
<meta property="og:image" content="image URL">
<meta property="og:image:secure_url" content="image URL">
<meta property="og:image:width" content="690">
<meta property="og:image:height" content="340">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:description" content="webpage social descr">
<meta name="twitter:title" content="webpage social title">
<meta name="twitter:image" content="image URL">

Можете, хотите, на сайте, — тому подобные слова не несут полезной информации. Если в сообщении телефон — не обязательно писать Позвоните, люди сами знают что если есть телефон и его можно использовать.

Пример описания og:description, которое я считаю неплохим:

Привозим и разгружаем уголь, имеются фракции 123, 456, 789. Работаем по Москве и региону. +1 (234) 55-66-77-88

Что мы видим?

  1. В конце номер телефона — можно не проходя по ссылке набрать.
  2. В начале понятно что предлагают, сухая конкретная полезная информация.
  3. Когда фактическое перечисление товаров закончилось и осталось место — добавлена другая потенциально важная информация.

Какие недостатки в примере?

  • можно добавить ключевых слов, уместным будет словосочетание заказать уголь
  • можно указать что телефон также доступен в телеграм (к примеру, если он доступен)

Что мы НЕ видим?

  • На нашем сайте вы можете заказать уголь
  • Хотите заказать уголь
  • Чтобы заказать уголь перейди на сайт
  • Чтобы заказать звони

Т.е. вещей которые любой человек сам в состоянии додумать.

Возможно уместен призыв к действию «Звони: +1 (234) 55-66-77-88«, но только при условии что он размещен НЕ в ущерб более важному контенту.

 

Далее допишу про рекомендуемые размеры..

<meta property="og:type" content="article">