Что это?
Open Graph (OG) — это специальная разметка, которую добавляют на сайт, чтобы соцсети красиво отображали ссылку на страницу.
Что делает OG?
Когда вы делитесь ссылкой на сайт в Telegram, Facebook, ВКонтакте и др., OG подсказывает:
какой заголовок показать
какую картинку
какое описание
Если OG нет?
Соцсети могут подставить случайный текст или картинку (или вообще ничего не подставить).
Пример OG-разметки:
<meta property="og:title" content="Заголовок страницы">
<meta property="og:description" content="Описание для соцсетей">
<meta property="og:image" content="https://site.ru/image.jpg">
Что это?
Schema.org — это микроразметка, которая помогает поисковикам лучше понять структуру контента на странице.
Что она делает?
Позволяет показывать в поиске:
рейтинг
цену
наличие товара
дату мероприятия
контакты
и другое
Если Schema.org нет?
Поисковик сам пытается "догадаться", что находится на странице. Часто не очень точно.
Примеры разметки:
Для товара, статьи, организации, FAQ, событий и др.
Что это?
Код 404 означает, что страница не найдена — пользователь или поисковик зашёл по адресу, но там ничего нет.
Почему это важно?
Плохо для пользователя: он ничего не нашёл
Плохо для SEO: битые ссылки портят индекс сайта
Нужно, чтобы 404-страница была оформлена аккуратно (с навигацией, кнопкой "на главную", и т.д.)
Что делать?
— Проверять на наличие битых ссылок
— Настроить понятную и полезную 404-страницу
— Следить, чтобы нужные страницы не возвращали 404 случайно
Если у вас есть PRO подписка, вам доступна следующая информация:
Что это?
Это специальный тег (<link rel="canonical">
), который указывает поисковикам, какая версия страницы считается основной.
Зачем нужен?
Если одна и та же страница доступна по разным адресам (например, с utm
-метками, или /page
и /page?sort=1
), canonical помогает избежать дублирования и склеить всё в один результат в поиске.
Пример:
<link rel="canonical" href="https://site.ru/page">
Если его нет?
— Поисковик может запутаться
— Может быть "дубль" в выдаче
— Растекается вес SEO между копиями
Что это?
Это тег, который говорит поисковику: для какой страны и языка предназначена страница.
Кому нужно?
— Сайтам с несколькими языковыми версиями
— Сайтам, ориентированным на международную аудиторию
Пример:
<link rel="alternate" hreflang="ru" href="https://site.ru/">
<link rel="alternate" hreflang="en" href="https://site.ru/en/">
Если его нет?
— Google может показать русскую версию англоязычному пользователю
— Может упасть релевантность в выдаче
Что это?
Это тег, который говорит поисковым роботам, можно ли индексировать страницу и следовать по ссылкам.
Пример:
<meta name="robots" content="index, follow">
Основные параметры:
index
— индексировать страницу
noindex
— не индексировать
follow
— переходить по ссылкам
nofollow
— не переходить
Если мета robots нет вообще?
Поисковики по умолчанию индексируют. Но если вы хотите что-то закрыть, без этого тега не обойтись.
Twitter Cards
Что это?
Аналог Open Graph, но для Twitter. Эти теги помогают красиво отображать ссылку при публикации в Twitter (и X).
Пример:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Заголовок">
<meta name="twitter:description" content="Описание">
<meta name="twitter:image" content="https://site.ru/image.jpg">
Если их нет?
Twitter может показать ссылку без изображения, без заголовка — просто «сухая» ссылка.
Что это?
Оценка качества SEO-настроек страницы — от 0 до 100.
На что влияет:
— Мета-теги
— Тех. оптимизация
— Скорость
— Микроразметка
— Заголовки, структура и др.
Если меньше 80:
Стоит обратить внимание на замечания и доработать (в FastRank обычно даются рекомендации — например, «добавьте canonical»).
— Это теги Open Graph (см. выше), которые помогают красиво отображать ссылку в соцсетях.
— Это Twitter Cards (см. выше), разметка для Twitter-ссылок.
Что это?
Один из способов структурированной разметки, внедряется прямо в HTML-элементы.
Пример:
<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">Ноутбук</span>
<span itemprop="price">45000₽</span>
</div>
Когда использовать?
Если хотите передать структуру страницы (товар, отзывы, организация и т.д.) поисковику в понятном виде.
Что это?
Это современный способ разметки структурированных данных, основанный на формате JSON.
Преимущества:
— Не мешает верстке
— Удобнее в поддержке
— Рекомендуется Google
Пример:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "FastRank",
"url": "https://fastrank.ru"
}
</script>
Если нет ни Microdata, ни JSON-LD?
Поисковики видят только "голый" текст и пытаются интерпретировать его сами. Вы теряете шанс на красивые расширенные сниппеты в поиске (например, звёздочки рейтинга, цена, отзывы и т.д.).