Предисловие
Текст должен решать поставленные перед ним задачи. Глобально их можно выделить 2: привлечение трафика и конвертация трафика. Причем одно другому не мешает, и продающий текст тоже может привлекать трафик, и наоборот.
Для улучшения конверсии существуют свои приемы, которые мы разберем в другой раз. А сейчас поговорим, как привлекать трафик с помощью текста. В частности, об одном из основных каналов — SEO, поисковой оптимизации.
Кратко о его преимуществах. SEO можно условно назвать вечным, потому что грамотно оптимизированная и продвинутая страница может генерировать постоянный поток трафика, не требуя дополнительных вложений. Отсюда вытекает и второй плюс — вложения плавно размываются на весь период существования страницы, а выручка может постоянно расти. Благодаря этому ROI улучшается сам по себе. Чего нельзя сказать о рекламе, рассылках, да уже и о социальных сетях — каждый из этих каналов требует регулярного вложения средств даже не для продвижения, а для поддержания текущего уровня посещаемости.
В рамках этой статьи я собираю инструкцию по созданию SEO оптимизированного текста в основном для статей в блогах, стараясь охватить не только написание самого текста, но и продвижение, и техническую оптимизацию.
Однако большая часть рекомендаций будет актуальна и для текстов в интернет-магазинах, товарах, новостных ресурсах. Разница только в том, что если вы копирайтер - вряд ли вас попросят написать Title и H1 для раздела интернет-магазина, или внедрять микроразметку. Хотя кто знает :). В любом случае — эти знания расширят ваши компетенции и повысит ценность, как специалиста.
Семантическое ядро
Релевантность страниц, ключевые и поисковые запросы, смысловой анализ текста, LSI-копирайтинг
Поисковые системы собирают по всему Интернету базу страниц. Когда пользователь вводит поисковый запрос, система оценивает собранные страницы, и возвращает их в порядке убывания релевантности.
Релевантность — это степень смыслового соответствия страницы запросу. То есть на первом месте будет страница, релевантность которой выше всех остальных. Вся суть SEO оптимизации статьи заключается в том, чтобы показать поисковой системе, что наша страница релевантнее других.
Релевантность зависит от множества параметров, но важная группа, на которую мы можем влиять непосредственно — это текстовые факторы. Title, meta теги, контент страницы оцениваются поисковой системой на соответствие поисковому запросу, и мы можем сделать SEO оптимизированный текст, который повысит наши шансы на попадание в топ.
Ключевые запросы
Для начала SEO оптимизации текста нужно собрать максимальное количество запросов, по которым страница потенциально должна показываться в выдаче.
Собранные запросы называться ключевыми. Ключевые запросы происходят из поисковых, но это не одно и то же. Поисковые запросы вводят сами пользователи, и их очень много, по сути бесконечность. Ключевые - это отфильтрованные поисковые, которые представляют реальную ценность и служат ориентиром при оптимизации SEO-текста.
Собирать полный список запросов важно, потому что вариаций написания одного и того же поиска может быть много. А чтобы получить максимум трафика, нужно оптимизировать SEO-статью под все эти запросы. Например, SEO ищут по-разному:
- поисковая оптимизация
- поисковое продвижение
- seo продвижение
- сео продвижение
- раскрутка сайта
- продвижение сайта
Есть еще один плюс в качественном подборе семантики. Если тема для написания SEO-статьи достаточно широкая — набирается пул средне и низкочастотных запросов, по которым конкуренция может быть сильно ниже, чем по высокочастотникам. Под них можно дополнить контент страницы и получать трафик, даже если по частотным ключам она еще не вышла в топ.
Для сбора ключевиков можно использовать Яндекс Вордстат и поисковые подсказки. Если для сайта уже собрано и кластеризовано полноценное семантическое ядро, то используется готовый список запросов по кластеру статьи.
Чтобы оптимизировать SEO-статью под собранные ключи - нужно использовать их в Title, meta тегах, заголовке и контенте. В Title желательно вписать самый частотный запрос в точном вхождении, а менее частотные запросы разбить на слова и постараться их все органично укампановать. При этом соблюдайте баланс между привлекательностью, читаемостью и SEO оптимизацией заголовка - он должен «понравиться» и поисковым системам, и людям.
Нужно понимать, что список ключей — базовый, технический. Он не раскрывает тему статьи полностью, а только аккумулирует основные формулировки. При этом мы получаем запросы из Вордстат и подсказок, а кроме них существуют другие вариации, которые не попали туда из-за низкой частотности или недостаточного периода сбора статистики. Сейчас недосточно просто оптимизировать статью под ключи, поскольку ПС учатся понимать смысл текста с помощью LSI.
Поисковые запросы пользователей также полезно анализировать, когда текст уже получает трафик из SEO — в Яндекс Метрике, Яндекс Вебмастере, Google Analytics и Google Search Console посмотрите, по каким запросам переходят на сайт.
Отсюда можно извлечь полезную информацию. Во-первых, получить новые ключевики и оптимизировать SEO-текст под них. Во-вторых, найти идеи актуализации или дополнения контента статьи, чтобы улучшить поведенческие факторы — вдруг про какой-то нюанс, который интересует посетителей, вы забыли написать.
LSI семантика
Спам ключевиками, алгоритмы ПС, околотематические запросы, сбор LSI-запросов
Раньше можно было, грубо говоря, собрать ключевики и выдать их копирайтеру, который напишет огромный водный текст. Поисковая система наивно думала — раз слова из ключевых запросов используются много раз, значит страница релевантна поисковому запросу.
Это вызывало нездоровую конкуренцию на рынке SEO продвижения и неудовлетворительное качество поиска. В топ выдачи вылезали отнюдь не самые полезные для пользователей страницы. Поэтому поисковые системы ввели дополнительные алгоритмы оценки релевантности.
Сейчас они проводят не только технический, но и смысловой анализ, чтобы понимать, насколько текст соответствует запросу пользователя, и сможет ли он там найти полезную информацию и ответы на свои вопросы. В Google за это отвечают алгоритмы «Панда» и «Колибри», в Яндексе - «Палех», «Королёв» и «Баден-Баден».
Благодаря им поисковые системы определяют соответствие текста тематике и полноту раскрытия темы, компетентность автора. Чтобы повлиять на эту оценку, в тексте SEO-статьи кроме слов из ключевых запросов нужно использовать тематические слова: термины, синонимы, близкие запросы. Грубо говоря, если мы пишем про создание сайта, то слова «хостинг», «домен», «сервер», «разработка», «html», «css», «dns», «cms» и подобные должны быть в тексте - все, без которых нормально рассказать о сайтах просто нельзя.
Логика алгоритмов примерно такая - если текст написан копирайтером, который не сильно шарит в теме, то там будут тупо ключевики, и совсем немного терминов из тематики, которые он вытянет из прочитанных в топ-10 выдачи статей. Если же текст написан человеком в теме, то он раскроет все нюансы и использует для этого те самые слова, без которых сделать это профессионально просто не получится.
Понятно, что алгоритмы работают автоматизировано, и качество оценки все равно не сравнится с человеческим восприятием, но они работают, они развиваются, и при СЕО оптимизации текста их обязательно нужно учитывать.
Такой подход к написанию текста называется LSI-копирайтинг. LSI - это латентное семантическое индексирование. Основные действия, которые нам нужно предпринять для SEO оптимизации статьи — собрать LSI семантику и использовать ее в тексте.
Во-первых, желательно, чтобы автор в принципе разбирался в теме, про которую пишет статью. Во-вторых, можно использовать методы технического анализа конкурентов. Собираем тексты статей, которые сейчас находятся в топе по интересующим нас ключевым запросам. Смотрим, какие тематические слова встречаются. Собираем и используем при написании своего текста, или добавляем в ТЗ на SEO текст копирайтеру.
В итоге мы и дали ответы на вопросы пользователя, и подошли к задаче с технической точки зрения - провели анализ конкурентов и оптимизировали на его основе статью.
Тайтл и метатеги
Title, Meta Description, Meta Keywords, эмодзи
Наш SEO-текст, если посмотреть глобально - это просто очередной документ в Интернете. У всех документов есть какие-то базовые свойства. Для HTML — это заголовок, описание и ключевые слова. Это первое, что используется для определения смысла документа. Задаются они тегом title и тегом meta с атрибутами name="description" и name="keywords". Располагаются все эти теги в пределах тега head.
<html>
<head>
<title>Заголовок</title>
<meta name="description" content="Описание" >
<meta name="keywords" content="Ключевые слова" >
</head>
<body>
<p>Hello, World!</p>
</body>
</html>Title
Title — это основной заголовок страницы, который имеет большой вес при оценке ее релевантности. Он отображается в результатах поисковой выдачи, поэтому оптимизация title преследует одновременно две цели - максимально вписать ключевые запросы и при этом сделать его читаемым и интересным для пользователей. Этот элемент играет большую роль как при определении релевантности поисковой системой, так и при выборе пользователем куда кликнуть в результатах поиска. Поэтому при SEO продвижении статьи, как впрочем и любой другой страницы — ему нужно уделить максимум внимания.
Слова из поискового запроса подсвечиваются в title. Это также повышает заметность и CTR сниппета. Рекомендуемая длина заголовка — 120 символов, однако в поисковой выдаче длинный title обрезается. Поэтому нужно постараться уместить основную суть в первые 50-55 символов.
К слову, еще один плюс сбора всех ключевых запросов — если тайтл страницы содержит различные вариации написания ключевиков, то и подсвечиваться в выдаче он будет чаще. Хороший цепляющий title улучшает CTR, а если статья ответит на вопросы посетителя — то и поведенческие факторы в выдаче.
Meta Description
Теперь нужно заполнить meta теги description и keywords. Meta Description — это описание страницы, которое также отображается в результатах поисковой выдачи, под заголовком. Напрямую не влияет на релевантность документа. Если он не заполнен или заполнен некачественно, ПС может на свое усмотрение выбрать описание из контента страницы.
В Description можно кратко описать статью или использовать вступление (лид) к ней. Желательно вписать слова из ключевых запросов, поскольку они также подсвечиваются в поисковой выдаче.
Для увеличения CTR можно использовать эмодзи — это выделяет сниппет среди соседей. Часть эмодзи не будет отображаться никогда, часть будет отображаться, если смысл изображения применим к содержимому документа, причем в Гугл и Яндекс эти исключения могут отличаться, поэтому лучше проверить на практике.
Meta Keywords
С метатегом keywords не все понятно, так как и Яндекс, и Гугл вроде бы отказались от его использования из-за частого спама. Но это не 100% факт, поэтому пусть лучше keywords будет заполнен. Не обязательно подбирать отдельные словосочетания и разделять их запятой — просто выпишите все слова из семантического ядра статьи через пробел в порядке убывания значимости. Например, «seo сео продвижение оптимизация статьи страницы блога инфо информационной поисковых системах поиск Яндекс Гугл Google». При анализе keywords алгоритм перетасовывает слова между собой, поэтому все необходимые словосочетания получатся автоматически.
Сниппет в SERP
Как уже писал выше, title и description отображаются в сниппете страницы в поисковой выдаче. Тут нужно принимать важный нюанс. В SEO сейчас большую роль играют поведенческие факторы. Если пользователь что-то ищет в поиске, открывает несколько сайтов и останавливается в итоге на нашем — это позитивный сигнал для поисковых систем.
Мы можем составить привлекательный заголовок, интересный description, запихнуть туда эмодзи и в итоге получить высокий CTR. Однако, если контент будет неудовлетворительного качества, и пользователь пойдет искать «счастья» дальше, на другие сайты — это будет скорее негативным сигналом для поисковых систем. Поэтому важно, чтобы контент SEO-текста реально отвечал на вопросы пользователя и соответствовал содержанию title и description.
Структурирование контента
Header 1, Header 2-6, структура, абзацы
Структурированный SEO-текст будет лучше восприниматься и поисковыми системами, и пользователями, чем сплошная «портянка». Сравните:
Чтобы посетители при чтении SEO-статьи могли быстро находить места, которые содержат полезную информацию, текст разбивается на абзацы и смысловые блоки с заголовками.
Сплошной текст сложнее воспринимать — взгляд сбивается при поиске следующей строки, а мозг устает и теряет цепочку повествования. Это будет негативно влиять на внутренние поведенческие факторы — посетителям подсознательно будет некомфортно на вашем сайте.
С точки зрения поискового продвижения структура текста также полезна. Сплошной SEO-текст часто встречается на дорвеях, спамных сайтах, ссылочных помойках и подобных ресурсах, где контент размещается не для посетителей. Поэтому неструктурированный контент — это косвенный признак того, что контент некачественный.
Кроме того, заголовки имеют больший вес при оценке релевантности страницы, чем обычные блоки. Поэтому в заголовках желательно размещать ключевые запросы, но очень аккуратно и естественно — за спам ключевиками ПС также могут наказать, поскольку раньше это являлось эффективным способом серого SEO продвижения. Но вообще его не использовать — тоже плохо, поскольку снижается (вернее, не повышается) релевантность страницы.
Для структурирования контента используются базовые теги языка html — абзацы p и заголовки h. Существуют заголовки разных уровней, от 1 до 6.
Заголовки
Заголовок 1 уровня, должен быть единственным на странице и отражать ее основную суть. Желательно, чтобы он размещался как можно ближе к началу страницы.
Заголовки 2-6 уровня используются для создания структуры SEO-текста. Структура обязательно должна быть вложенной и последовательной. Например, между заголовками второго уровня не должно быть заголовка первого или четвертого уровня — только третьего или второго.
В результате получается древовидная вложенная структура. Это не супер критичное правило для SEO-текстов, и сильно «ругать» за его нарушение ни ПС, ни пользователи не будут, но лучше его придерживаться.
Абзацы
Абзацы и блоки желательно делать не супер большими. В рекомендациях ФБР есть правило «4-3-3»: в предложении должно быть не больше 4 строк, в абзаце — не более 3 предложений, и одна тема должна раскрываться за три абзаца. Если под каждым подзаголовком получается полноценно раскрыть его тему, соблюдая это правило, то текст оптимален для восприятия.
Понятно, что в ФБР эта формула используется для аналитических отчётов, где нужна максимальная краткость и полнота одновременно, а у нас тут SEO-статьи. Но мы берем суть — проще воспринимаются параграфы из нескольких строк, в которых раскрывается одна мысль.
Есть еще один нюанс по разделению текста на абзацы. Иногда для этого используют тег br. Для оформления SEO текста это неправильно, и для корректного оформления абзацев лучше применять стандартный тег p. Тогда поисковые системы будут понимать, что это абзац, и корректнее проводить анализ текста. Если же разделять абзацы тегом br, то семантически остается то же самое полотно текста, хотя визуально — это смотрится, как структура.
Разнообразие контента
Таблицы, нумерованные и ненумерованные списки, картинки, цитаты, выделение текста
Поисковые системы любят насыщенный контент, представленный в различных формах. Помимо структурирования заголовками и абзацами, мы можем «обогатить» статью картинками, таблицами, нумерованными и ненумерованными списками, цитатами, выделениями текста — это все положительно скажется на СЕО продвижении статьи.
Выделение текста тегами strong и b раньше использовали в целях серой SEO-оптимизации текстов. По аналогии с заголовками, тегам strong и b давался больший вес, чем обычным элементам. Из-за этого ключевые запросы в тексте намеренно оборачивались в них. Со временем ПС просекли «фишку» и стали за это наказывать. Поэтому теги выделения текста используйте очень аккуратно. Для визуала лучше применять CSS стили.
SEO показатели
Объем, уникальность, заспамленность, водность, актуальность показателей
Минимальные показатели для оценки SEO текста — это объем, уникальность, спам, тошнота и водность. Стремление к эталонным значениям по этим параметрам не актуально и бессмысленно, поскольку они уже не играют ключевой роли в продвижении. Используйте их как ориентир, наподобие «Чистоты» и «Читаемости» из Главреда. Чем хуже значения от эталона, тем больше вероятность столкнуться с проблемами.
SEO текст с низкой уникальностью может быть воспринят ПС, как дубль страницы другого сайта, и понижен в позициях или совсем выброшен из индекса. Текст с высокой спамностью и тошнотой может попасть под фильтр переспама. Высокая водность косвенно свидетельствует о низком качестве материала. Особенно при работе с копирайтером — за каждый символ вы платите, так лучше получать нормальный seo-оптимизированный текст, чем аналог студенческого реферата.
Для проверки можно использовать онлайн-сервисы https://text.ru/seo и https://advego.com/text/seo/. Нормальные значения примерно такие:
- уникальность — не менее 80%
- академическая тошнота по Advego — 7-9%
- вода по Advego — не более 65%
- заспамленность по text.ru — 35-50%
- вода по text.ru — не более 30%
Пользовательский опыт
Ошибки языка, главред, чистота и читаемость, мобильная версия, типографика
В тексте не должно быть орфографических, грамматических и пунктуационных ошибок. Перед публикацией проверьте его, чтобы читатели не получали негативный опыт. К тому же, поисковые системы проверяют контент сайта на ошибки, и если их в тексте будет много — это может негативно повлиять на CEO.
Для написания интересного и понятного материала используется ряд приемов. Их совокупность де факто сложилась в понятие «информационный стиль», евангелистом которого является Максим Ильяхов, автор сервиса Главред.
Основополагающие принципы инфостиля — краткость, понятность и информативность. Чтобы приблизиться к классному тексту, его нужно как минимум очистить от мусора: рекламных и журналистских штампов, плохого синтаксиса, канцеляритов и подобных непотребств.
Как раз для этого советую использовать Главред. Сервис проверяет текст по двум показателям — Чистоте и Читаемости. Они достаточно условны, но позволяют отследить узкие места: архаизмы, газетные фразочки и подобный мусор, который можно убрать без потери смысловой ценности. Нормальное значение обоих параметров — 8 баллов.
Далее я еще упомяну мобильную версию сайта, но тут хочу затронуть вопрос кривизны рук и человеческого фактора. Даже если шаблон страницы оптимизирован под мобильные устройства, неопытный администратор может попробовать быстро наверстать что-нибудь «для красоты» при размещении статьи на сайте. Естественно, сделать это на десктопе, не проверив адаптивность под планшеты и мобильные устройства. Отсюда рекомендации:
- Регламентируйте работу с SEO-текстами.
- Пропишите стандартные вспомогательные стили для форматирования в статьях (чтобы можно было просто добавить блоку нужный класс).
- Инструктируйте человека, ответственного за размещение.
- Проверяйте отображение статьи на основных разрешениях. Даже если точно нет ошибок - сам шаблон страницы периодически просматривать полезно, вдруг придут идеи по улучшению или обнаружится баг.
Ссылочный вес
Внешние ссылки, внутренняя перелинковка
Поисковые системы как один из основных факторов ранжирования используют ссылочный вес документа — Page Rank (PR). Чтобы наша SEO-статья имела больше шансов попасть в топ, у нее должен быть высокий показатель PR. Увеличить его можно двумя способами — с помощью внешних ссылок и внутренней перелинковки.
Внешние ссылки
Внешние ссылки - это ссылки с других сайтов. Их можно покупать на биржах, проводить аутрич, договариваться о партнерском размещении контента, создавать сети PBN или WEB 2.0. Чем больше вариантов получится использовать — тем лучше.
Ссылки могут быть dofollow и nofollow. Отличие в том, что nofollow не передают статический вес страницы. PR они не поднимут, но несут другую пользу.
Во-первых, по ним может идти трафик. Во-вторых, по ним ходят боты поисковых систем, что ускоряет индексацию сайта. В-третьих, nofollow ссылки нужны для разбавления ссылочного профиля сайта.
ПС борются с покупными ссылками. Если ссылочный профиль ресурса отличается от среднего «по больнице» — это служит сигналом к проверке или фильтрам. Если на домен стоят только dofollow ссылки — это выглядит подозрительно. Более-менее безопасная доля dofollow ссылок в профиле — 20-30%. Также нужно обратить внимание на анкорный лист.
Для молодых сайтов наращивайте ссылочную массу правильно. Ставить ссылки можно после 2-3 месяцев после индексации сайта. Ставить ссылки лучше понемногу, сначала по 1-3 штучки на весь сайт в месяц, потом не более 10% от имеющейся массы. Иначе есть риск попасть под санкции за покупку ссылок.
Размещая ссылки на SEO статью, нужно отталкиваться от состояния всего сайта — если он уже прокачан, просто добавить страницу в ссылочный план. Если нет — прокачивать сначала наиболее важные или близкие к топу страницы. В этом деле главное — не торопиться и имитировать естественность.
Покупка ссылок на биржах — также ходьба по лезвию. Мне кажется, логично, что все биржевые сайты ПС «держат на карандаше». В идеале нужно искать тематические сайты, которые не продают ссылки, и индивидуально договариваться с владельцами. Такой метод называется «аутрич». Ссылки с ресурсов, которые ими не торгуют, дают лучший эффект и сильно снижают вероятность санкций.
Внутренние ссылки
Внутренние страницы на сайте тоже имеют определенный статический вес. Для прокачки PR продвигаемой статьи можно поставить на нее ссылки с релевантных страниц сайта.
Именно с релевантных, потому что при расчете PR также учитывается соответствие донора и акцептора (донор - кто ссылается, акцептор - на кого ссылаются). Например, если со статьи про автомобильные покрышки сослаться на статью про SEO - такая ссылка будет работать значительно хуже, чем ссылка со статьи про замену колес.
Найти на сайте релевантные страницы достаточно просто, и в этом помогут сами поисковые системы. Как вы помните, в выдаче документы отсортированы по степени релевантности поисковому запросу. Поскольку нас интересует конкретный сайт, мы просто будем искать именно на нем с помощью запроса типа «основной запрос статьи site:site.ru».
Выписываем список URL адресов. Далее нужно пройтись по ним и найти места в SEO-тексте, где можно органично вставить ссылку на продвигаемую статью. Если таких мест нет — можно дописать 1-2 абзаца.
Это улучшит поведенческие факторы на сайте и даст SEO-статье хоть какой-то ссылочный вес, даже если совсем не ставить на нее внешние ссылки.
Если у страниц, с которых мы поставили ссылки при внутренней перелинковке, есть внешние ссылки, то часть их веса достанется и продвигаемой статье. Поэтому при хорошей внутренней перелинковке внешние ссылки на определенные страницы могут влиять на позиции других страниц, на которые ссылки вообще не ставились.
Внешнее продвижение
Соцсети, сервисы Яндекса, тематические площадки, форумы
Публикую статью на сайте, мы должны обеспечивать омниканальность - использование одного и того же контента в разных каналах продвижения. Постим в соцсети анонсы о выходе статьи, рерайтим или также анонсируем на внешних тематических площадках, делаем видео на YouTube. Основная задача - выжать из одного текста максимум пользы и привлечь трафик из разных каналов. Это может привести реальный трафик, даже если статья по SEO еще не вышла в топ поиска.
Тематические площадки можно подбирать под тематику статьи или сайта в целом - наиболее крупные, типа Habr, VC, TJournal. Там можно размещать интересные статьи и также вести людей на свой сайт. Если площадка серьезная, то и статьи должны быть соответствующие - не стоит размещать замусоленные темы и статьи для новичков - лучше сосредоточиться на создании полезного контента, который будет читать аудитория площадки.
Можно оставлять комментарии на ветках тематических форумов, советовать людям перейти почитать. Только не надо флудить - оставляйте ссылки только там, где посетителям это будет полезно. Если спамить, рано или поздно аккаунт, а с ним и размещенные ссылки просто забанят.
Техническая оптимизация
Скорость загрузки, мобильная версия, микроразметка Schema.org, микроразметка OpenGraph
Этот пункт уже не относится напрямую к SEO продвижению статьи, но это действительно важные пункты, на которые нужно обратить внимание. Несоответствие актуальным требованиями по ним может свести на нет весь труд по подготовке текста.
Рекомендации будут не к конкретной статье, а к шаблону страницы и технической оптимизации сайта. Поскольку большинство блогов создаются на CMS, все страницы имеют свой шаблон, и внесенные изменения будут иметь массовый характер. То есть рекомендации ниже нужно реализовать один раз, чтобы они работали в дальнейшем на всем сайте.
Скорость загрузки
Страница должна быстро грузиться - не более 1 секунды. Долгая загрузка негативно воспринимается поисковыми системами. Кроме того, она увеличивает процент отказов: посетители не любят долго ждать, пока загрузиться контент и просто уходят на сайт конкурентов. Это ухудшает поведенческие факторы сайта в выдаче.
Время загрузки страницы зависит от ответа сервера, объема загружаемых ресурсов: картинок, скриптов, стилей, порядка их загрузки и кэширования.
Изображения нужно подгонять под реально занимаемый размер. Например, мы используем тяжелую картинку размером 3000х2000 пикселей и весом 4 мегабайта. Вставим ее в статью - картинка займет реальную площадь экрана 900х600 пикселей. Браузер подгонит ее под размеры, заданные в стилях сайта. Но вот объем файла останется прежним - 4 мегабайта. А это очень много.
Если же заранее уменьшить изображение до 900х600 пикселей, то оно будет весить примерно в 10 раз меньше - около 400 килобайт. Это значительно снизит объем скачиваемых пользователем данных. Можно готовить картинки вручную, но лучше использовать автоматическую подмену, чтобы CMS сама подменяла оригинал на сгенерированную копию нужного размера.
Если картинка содержит мелкие детали, незаметные при маленьком размере - можно по клику разворачивать большой вариант на весь экран. Тогда подгрузка тяжелого оригинала будет осуществляться по запросу, а не при каждой загрузке страницы.
Микроразметка Shema.org
Поисковые системы для лучшего понимания содержания страницы рекомендуют использовать микроразметку Schema.org. Данная разметка позволяет выделить в верстке определенные сущности и их свойства. В частности, мы можем указать, что на странице именно статья, и ее свойства: дату публикации, изображения, автора, рейтинг.
Например, так будет выглядеть микроразметка страницы статьи:
<html>
<head>
<title>Заголовок</title>
<meta name="description" content="Описание" >
<meta name="keywords" content="Ключевые слова" >
</head>
<body>
<div itemscope itemtype="http://schema.org/Article">
<h1 itemprop="name">Заголовок статьи</h1>
<p>Автор: <span itemprop="author">Иван Иванович</span></p>
<p>Дата публикации: <span itemprop="datePublished">2022-02-07</span></p>
<p>Темы: <span itemprop="about">Тема 1</span>, <span itemprop="about">Тема 2</span></p>
<div itemprop="articleBody" >
<p>Контент статьи</p>
</div>
</div>
</body>
</html>В этом есть 2 плюса: улучшение семантического восприятия страницы поисковыми системами и расширение сниппета в результатах выдачи.
Анализ страницы
При анализе содержимого страницы, на которой настроена микроразметка, роботы корректнее оценивают контент.
Расширенный сниппет
Некоторое виды микроразметки влияют на отображение расширенного сниппета в результатах поиска. Для статей, пожалуй, единственный вариант дополнительной информации в сниппете - это картинка-превью. Она показывается, если соответствует содержимому страницы. Микроразметка хлебных крошек также влияет на сниппет - адрес страницы покажется словами, не url.
Микроразметка соцсетей OpenGraph
Кроме Schema.org и семантической разметки HTML существует микроразметка для социальных сетей OpenGraph. С помощью нее соцсети могут корректно определять информацию о веб-странице: заголовок, описание, картинку, адрес и т.д.
Схема OpenGraph была разработана специально, чтобы упорядочить предоставление информации о веб-странице в любой социальной сети. На данный момент FaceBook, Вконтакте, Одноклассники, Google+, Twitter, LinkedIn, Pinterest и другие популярные социальные сети используют OpenGraph.
Если документ с микроразметкой постят в соцсетях, в пост автоматически подтягивается указанные данные. Это может принести практическую пользу пользу: если читатель сделал репост статьи с сайта у себя на стене, и его просматривают его друзья - привлекательно оформленный пост приведет больше нового трафика на сайт.
Чтобы не писать одно и то же по несколько раз, можно в описание для соцсетей вставлять дескрипшн или вступление статьи, а в заголовок - title или h1. В коде страницы блок разметки соцсетей размещается внутри тега <head>:
<html>
<head>
<title>Заголовок</title>
<meta name="description" content="Описание" >
<meta name="keywords" content="Ключевые слова" >
<!-- Микроразметка соцсетей OpenGraph - НАЧАЛО -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Заголовок" />
<meta property="og:description" content="Описание" />
<meta property="og:url" content="https://site.ru/" />
<meta property="og:image" content="https://site.ru/img.jpg" />
<!-- Микроразметка соцсетей OpenGraph - КОНЕЦ -->
</head>
<body>
<p>Hello, World!</p>
</body>
</html>Подробнее узнать про типы и дополнительные значения можно на официальном сайте схемы — https://ogp.me.
Заключение
Суммарный план SEO продвижения статьи можно свести к следующим пунктам:
- Собрать ключевые запросы
- Собрать LSI семантику
- Оптимизировать Title — вписать основные запросы в прямом вхождении, слова из всех ключевиков
- Написать привлекательный Description, по возможности с эмодзи
- Собрать слова из ключей и LSI в meta keywords
- Структурировать контент, разбить на читаемые абзацы, сделать корректную структуру заголовков
- Разнообразить контент картинками, таблицами, списками, видео
- Проверить основные SEO показатели: объем, уникальность, водность, тошноту
- Проверить отсутствие орфографических ошибок
- Проверить читаемость текста, стилистические ошибки
- Сделать внутреннюю перелинковку
- Попытаться набрать внешние ссылки
- Запостить статью в соцсети
- Проверить наличие микроразметки
- Проверить скорость загрузки сайта
Писал статью в какой-то степени чтобы структурировать информацию у себя в голове, и освежать по мере необходимости. Буду рад, если кому-то будет полезна эта информация — можете добавить страницу в закладки браузера. Благодарю за внимание!
Комментарии ()