Кластеризация — это объединение в группы (или кластеры) связанных между собой ключевых запросов на основе общих свойств объектов, которые они описывают. Например, ключевые запросы, описывающие группу товаров в интернет-магазине.
Чтобы создать кластеры запросов, нужно обратиться в поисковую выдачу нужной ПС, сравнить результаты выдачи по разным ключевым словам и на основе полученных данных собрать запросы в кластеры. Вы можете сделать кластеризацию вручную с помощью таблицы Excel, а можете воспользоваться новым сервисом.
Инструмент «Кластеризация» можно найти в верхней панели управления в сервисе проверки позиций Line.
Возможности сервиса:
выбор поисковой системы и региона;
выбор типа кластеризации: soft — для контентных проектов и hard — для запросов с высокой конкуренцией;
проверка частотности по Яндекс;
указание частотности в отчете;
изменение порога кластеризации.
Выберите нужные настройки и запустите проверку.
Через несколько минут вы получите готовый отчет, который можно скачать в файле Excel.
Что делать с полученными кластерами ключевых слов:
проверить позиции сайта;
использовать при создании структуры сайта или новых страниц;
использовать в настройках рекламной кампании.
Напоминаем, Line — это сервис проверки позиций сайта по ключевым словам.
Наблюдайте изменение позиций каждого ключевого слова в Яндексе и Google;
Проверяйте позиции по поддоменам или по целевым страницам;
Добавляйте сайты конкурентов и следите за их позициями!
Еженедельная рубрика «Спроси PR-CY»: приглашенный эксперт отвечает на вопросы подписчиков по SEO. Задавайте свои вопросы по оптимизации и продвижению сайта в комментариях под этим постом!
На вопросы этой недели отвечает
Кирилл Николаев
директор по цифровому маркетингу «Bigtime.Ventures». Среди клиентов Canon, Hewlett-Packard, Ecolab, фабрика АККОНД, Кофе Хауз и другие крупные компании.
О чем спрашивать у эксперта:
управление проектной командой (прототипирование, дизайн, разработка, контент, маркетинг, аналитика);
стратегический и тактический маркетинг;
текстовая оптимизация в Яндексе;
продвижение в Google сразу под 10-12 сложных регионов.
Вопросы принимаем до пятницы включительно и передаем их эксперту, в понедельник в блоге появится подробный пост с ответами на самые полезные и интересные вопросы.
Спрашивайте в комментариях к этому посту или к таким же постам в наших соцсетях ВКонтакте, Facebook или Telegram.
Ждем ваши вопросы в комментариях!
Приятный бонус: автор самого интересного вопроса получит бесплатную часовую консультацию от эксперта и промо-код на месяц тарифа «Профи» в Анализе сайтов!
Кластеризация — второй шаг в создании сайта. Первый — сбор семантики. Обе этих задачи нужно сделать еще до заказа сайта у веб-мастера, иначе будет на чем строить его структуру.
Когда у веб-мастера есть семантическое ядро, разбитое на группы-кластеры, он может проектировать структуру сайта и страницы: определять, какие разделы будут на сайте, как их перелинковать, из чего собрать каталог и какое направление выбрать для блога.
О сборе семантического ядра у нас есть отдельные материалы: Семантическое ядро: как составить и зачем это нужно? Как пользоваться Яндекс Вордстат: операторы, расширения и секреты
В этой статье разберем, почему бы не использовать семантику без кластеров, какие методы группировки есть и как кластеризовать запросы в онлайне, не скачивая дополнительный софт.
Семантическая кластеризация: что это и каким сайтам нужна
Кластеризация — это объединение ключевых фраз в группы (кластеры), по контексту и признакам объектов, к которым они относятся.
Как сортируют ключи
По группам ключи разделяют на основе анализа выдачи поисковиков. Например, проверяем топовую выдачу по запросам «купить гироскутер» и «купить сегвей». Если она разная, значит поисковик считает эти запросы отличающимися, стоит распределить ключи по разным группам. Ключи с коммерческими и информационными интентами также лучше разделить — «купить блютуз наушники» и «как выбрать блютуз наушники» будут в разных группах.
Правда, такое разделение служит скорее рекомендацией. Иногда ключи попадают в разные группы, потому что при разбивке специалист ориентировался на релевантные результаты топа, а сайты в выдаче недостаточно полно раскрыли фразы на странице или топ поменялся.
Группировку запросов семантического ядра используют
Оптимизаторы: они разделяют ключевые слова, чтобы определить целевые страницы, понимать, как делить и продвигать категории товаров, какие статьи писать для продвижения услуг.
Специалисты по контекстной рекламе: например, чтобы тестировать разные объявления в рамках одной группы слов или настраивать объявления с разными посылами.
После сортировки запросов по группам каждому кластеру обычно назначают страницу сайта, на которой нужно реализовать эти ключи. Создают рекламные объявления в рамках группы, если кластеризацию проводили для контекстной рекламы.
К примеру, если в результате образовались кластеры с запросами про ботулотоксин для губ и в отдельной группе про ботокс для моделирования лица, или про эстетическую ринопластику и отдельно лечебную, этим услугам создают разные посадочные.
В чем поможет кластеризация:
улучшить оптимизацию ресурса;
составить структуру сайта;
выделить целевые страницы для продвижения;
оценить популярность продуктов и услуг у пользователей;
разделить ключи по страницам для составления ТЗ копирайтерам.
Каким сайтам она нужна
Группировку ключей лучше проводить даже для небольшого количества, а для семантики от 3000 запросов рекомендуем ее обязательно. Трудность может возникнуть с распределением запросов в нише с низкой конкуренцией, где мало релевантных ответов и не на что опираться при анализе выдачи.
Самостоятельная кластеризация запросов
Разберем, как провести ее самостоятельно без установки отдельного софта.
По каким параметрам делить ключи
Некоторые веб-мастеры объединяют ключи в группы по признаку семантического построения фраз. Тогда в одной группе сосредотачиваются ключи типа «снять ресторан на праздник», «снять ресторан», «снять ресторан на юбилей», потому что они похожи.
Но у ключей есть и другие признаки, кроме формы образования. В эту же группу подойдут ключи по типу «аренда ресторана» — интент тот же, а семантической схожести нет.
Намерение пользователя (интент) — ключи, с которыми пользователи могут искать одно и то же; «страхование авто», «ОСАГО», «автострахование цена», «калькулятор страховки», «застраховать машину».
Этап воронки продаж — обычно используют для настройки контекстной рекламы, группируют ключи по этапам, на которых находятся пользователи. Решение проблемы — «боли в спине», группа товаров «ортопедические матрасы», конкретный товар — «матрасы Аскона Ковров».
На скриншоте фрагмент сбора семантического ядра для сайта туристической компании, которая продает путевки в детские лагеря по всей России. Для ключей определили намерение пользователя и подходящую страницу, на которую должен вести запрос, в соответствие с этим можно составлять группы запросов.
Фрагмент семантического ядра туристического сайта
В зависимости от тематики сайта, его структуры и целей можно комбинировать несколько параметров. К примеру, сначала строят группы по интенту, а потом по этапам воронки продаж. Можно добавить принцип важности услуги или товара для компании — объединить сопутствующие позиции, выделить товары-локомотивы.
Способы кластеризации
Некоторые веб-мастеры ориентируются на выдачу поисковиков. Как проходит группировка по выдаче:
Веб-мастер обращается в выдачу поисковика по нужным запросам: смотрит релевантные страницы в выдаче и сравнивает результаты по разным ключам. Нужно проанализировать, какие ключи успешные конкуренты сочетают на страницах.
Для каждого ключевого слова он находит в выдаче определенное количество страниц, где оно употребляется. Устанавливает минимальное количество совпадений — например, четыре — и объединяет ключи в пары, если по этим запросам находится четыре общие страницы.
Минус системы в том, что результаты поисковиков меняются, готовая кластеризованная семантика через неделю может отличаться из-за смены сайтов в выдаче.
Простую кластеризацию для маленького семантического ядра можно сделать вручную, используя таблицу Excel. Но ручная кластеризация — это кропотливые манипуляции с данными, где нужна постоянная внимательность. С большим количеством данных лучше не работать руками, а использовать сервисы автоматической кластеризации.
Как провести кластеризацию онлайн
Есть разные сервисы для группировки запросов онлайн, мы рассмотрим автоматическую кластеризацию на примере сервиса LINE. В нем можно следить за позициями сайта по ключевым фразам и разбить семантику на группы.
1. Начало работы
Перейдите в раздел «Кластеризация» и нажмите «Новая задача»:
Интерфейс сервиса
Настройте кластеризацию для вашей семантики: выберите регион, поисковик, укажите, нужна ли частотность, и выберите метод кластеризации и порог.
2. Выбор типа кластеризации: «мягкий» и «жесткий» методы
Объединять запросы в группы можно двумя методами:
«Soft» — мягкий метод объединения ключей Метод подходит для статей, информационных, трафиковых проектов, поскольку так получается больше ключей.
За основу берут один из запросов с сравнивают с ним остальные ключи: смотрят, сколько у этого ключа общих URL у с основным запросом. Ключ попадает в группу, если набирает больше установленного числа общих URL. Получается, все запросы должны иметь совпадения URL с главным ключевым словом, а между собой не обязательно.
«Hard» — жесткий метод Получается меньше ключей, метод подходит для конкурентных тематик, коммерческих проектов.
В этом методе сравнивают общие URL у всех ключей. Запросы помещают в одну группу, только если набирается определенное количество общих URL для всех запросов группы. То есть в мягком методе ключи имеют общие URL с контрольным запросом, а в жестком все ключи в группе должны иметь общие URL.
3. Установка порога кластеризации
Порог определяет, сколько нужно общих URL — чем он выше, тем больше нужно общих URL чтобы объединить ключи в группу. При низком пороге в группе будет слишком много лишних запросов, при слишком высоком группы могут не сформироваться.
Обычно устанавливают порог в четыре URL для мягкой кластеризации и три для жесткой, но можно настроить другие показатели.
4. Запуск группировки и обработка
Запустите систему и через несколько минут сервис выдаст готовый отчет с группами ключевых слов. Его можно смотреть на экране или скачать в файле Excel.
Фрагмент демонстрационной кластеризации запросов в Line
Если вы нашли запросы, которые не входят в кластеры, не торопитесь их удалять. Проверьте, если они подходят теме вашего сайта, их все равно можно использовать: внедрите ключи на другие страницы — в статью блога или отзывы, добавьте в один из кластеров, куда они подходят по смыслу.
Попробовать кластеризацию в Line
Что делать потом
Используйте полученные кластеры в работе:
настраивайте рекламные кампании на разные группы;
отслеживайте эффект РК по тематическим группам запросов;
пишите контент, используя ключи из кластеров;
заполняйте Title, Description, H1 и другие мета-теги страницы согласно запросам из одной группы;
создавайте структуру сайта согласно разделению ключей.
Кластеризация делает работу с ключами точнее и проще — позволяет рассортировать массив ключей по группам, страницам и объявлениям. Используйте для этого сервисы, чтобы экономить свое время.
Рубрика «Спроси PR-CY» — это возможность задать экспертам вопросы по оптимизации и продвижению сайта. Со вторника по пятницу мы собираем вопросы, передаем одному из приглашенных экспертов и выкладываем ответы в блоге.
На вопросы третьего выпуска отвечает
Кирилл Николаев
Директор по цифровому маркетингу «Bigtime.Ventures». Эксперт рассмотрел в том числе и некоторые полезные вопросы, которые остались без внимания в прошлом выпуске.
Пользователь kostretsov спрашивает:
«Здравствуйте, заметил что некоторые крупные интернет магазины в Google скрывают поддомены по городам, однако в Яндексе у этого магазина поддомены есть на каждый город. Для чего это сделано? И стоит ли создавать поддомены по городам для продвижения интернет-магазина в Google?»
В первую очередь, это делается для лучшего регионального ранжирования вашего проекта в Яндексе, так как большинство коммерческих запросов ИМ геозависимы, хотя есть исключения. Для продвижения ИМ в Google делать региональные поддомены не обязательно, это не влияет на ранжирование вашего ресурса.
Пользователь yorg спрашивает:
«Подскажите пожалуйста, что за фильтр? Google в выдаче по запросу site.com выдает только одну страницу, а раньше до выдачи 12.03 было больше страниц и структура.
К примеру, вот сайт PR-CY в поиске:
Как видите, есть даже структура! На моем же до выдачи 12.03.19 было также, трафик около 5к в сутки стабильно около четырех лет. Теперь же после выдачи трафик просел, позиции снизились, и если вбить адрес сайта в поиск Google, выдает одну главную страницу, нет ни структуры, ни ссылок, хотя при этом все страницы в поиске. Что это может быть за фильтр?»
Не совсем понял вопрос, поэтому попробую описать несколько вариантов:
Вариант 1:
у вас забрали расширенный сниппет, это как раз скриншот. Нет точного рецепта, чтобы получить такой сниппет, есть лишь общие рекомендации от поисковых систем, основные из которых: ссылки из меню должны вести на страницы с такими же тайтлами, как и анкор самой ссылки (например, ссылка из меню на страницу «Контакты» должна иметь анкор «Контакты» и тайтл страницы «Контакты» должен быть «Контакты». Контакты. Контакты. Контааакты).
За мою практику на любом ресурсе удавалось получить сниппет со структурой по витальному запросу.
Вариант 2:
у Google был апдейт 20 марта, и всё может быть из-за него.
Пользователь Dmitry Trunov спрашивает:
« Seo 2019 — продвижение ссылками актуально? Или лучше деньги тратить на развитие собственного ресурса?»
В ответ на этот вопрос я могу лишь процитировать Елену Першину: «Мы серьезно собираемся обсуждать ссылочное в 2019 году?» Но, так как я не руковожу службой поддержки веб-мастеров в Яндекс, то попробую ответить чуть более развернуто, чем коллеги из Яндекса.
На сегодняшний день ссылочное продвижение работает. В Google лучше, в Яндексе хуже, хотя везде есть исключения. Всё очень сильно зависит от тематики и региональности, но общие правила такие: в Яндексе вы можете выйти в топ за счет контента, в Google — нет.
Лично я рекомендую тратить на ссылки не более 10% своего времени и бюджета. И, прежде чем это делать, хорошенько прочесать топ-50 выдачи и посмотреть, как делают конкуренты: здесь очень хорошо работает принцип «обезьянка видит — обезьянка делает». Веб-мастер та же обезьянка: ты смотришь, как делают лидеры тематики и максимально докручиваешь все показатели до эталона по объему контента, кластерам и ссылкам в том числе.
Пользователь Эдуард Некрасов спрашивает:
«Что будет с сайтами на WordPress, если будет автономный интернет в России? Будут ли они продолжать работать и обновляться, или нужно уже начинать искать альтернативу? Тоже касается и плагинов. И вообще, какие меры нужно уже начинать принимать?»
Отличный вопрос. Полагаю, что вне зависимости от автономности рунета, сайты на ВП будут продолжать обновляться. И, если память мне не изменяет, обновить версию ВП можно, загрузив свежую версию архивом на хостинг. Ну, а как пользоваться VPN, я уже рассказывать не буду.
С другой стороны, альтернатива нужна. Но вопрос: а какая? Тот же Битрикс лежит на Amazon, хотя в этом плане я уже мог отстать от жизни. Да и полагаю, что господин Рыжиков этот вопрос держит на контроле.
Пользователь Skpt Oto спрашивает:
«Как узнать: это у меня проект плохой или я просто не умею делать рекламу?»
Всё зависит от проекта. Можно сделать крутой продукт, но плохо его упаковать и терять конверсии на этом. Можно сделать крутую упаковку, но налажать с креативами для РК. У себя мы определяем всё проще: если со 100 человек не было ни одной конверсии, то нужно менять упаковку продукта. Вот тут можно очень долго говорить и спорить, на какие показатели нам стоит смотреть, а погружаться в полноценный бриф я сейчас, увы, не могу. Вообще, бытует мнение, что продать можно всё, так что подозреваю, что проблемы больше с рекламой. А вообще, напишите мне на kn@bigtime.ventures, посмотрим, что у вас там.
«Если проект на Tilda, есть ли какие-то обязательные специфические шаги для продвижения?»
Тильда просто потрясающе двигается в SERP, причём не только в Яндексе, но и в Google. У нас был опыт продвижения продукта для 18 языковых версий, и всё прошло просто на ура. Следуйте стандартным рекомендациям от поисковых систем, Тильда сделала всё со своей стороны, чтобы веб-мастеру было комфортно работать с сервисом.
Пользователь Art2017nnn спрашивает:
«Почему на сайте показывает, что ИКСа нет?»
Проверить, присвоен ли ИКС сайту можно с помощью Яндекс.Вебмастера или Проверки ИКС. Если там 0 или прочерк, то, скорее всего, вашему сайту еще не присвоен ИКС, так как вы не попали под последнее обновление базы. Либо сайт не набрал минимальные необходимые значения для присвоения ему минимального ИКС от 10.
Пользователь wmrussian спрашивает:
«Добрый день. Я всегда продвигаю все запросы в топ ПС исключительно качественным контентом с использованием всех обязательных условий SEO, без использования закупки ссылок. В Яндексе все запросы легко выходят в ТОП-3 через 2-3 месяца (вне зависимости от того, это НЧ или ВЧ), а вот в Google приходится ждать чуть ли не год, чтобы запросы вышли хотя бы в ТОП-10. Так вот, получается, чтобы ускорить выход сайта в ТОП Google, нужно лишь укреплять сайт ссылками?»
Да, верно. К сожалению, в Google ссылочный фактор имеет довольно большой вес. Это хорошо заметно на большом потоке проектов, которые уже на средней или длинной дистанции — 6-12 месяцев с момента старта продвижения. Но необходимость получения ссылок не означает, что их нужно покупать: есть крауд, есть экспертные статьи на внешних ресурсах. Почему бы и не начать пробовать получать ссылки таким образом? Ведь они, кроме веса, приведут вам и заинтересованную аудиторию.
«Еще один вопрос: как вы считаете, вода в тексте многое значит для ПС? Например, если писать не стандартно менее 15% (по текст.ру), а, допустим, менее 10%, то будет ли подобная водность еще более успешно влиять на продвижение сайта?»
Значение водности в тексте для меня всегда было одним из самых непонятных параметров. Из всех патентов Google нигде нет конкретного определения, и я, честно, вообще сомневаюсь, что поисковики используют этот параметр в ранжировании. С другой стороны, на большом потоке и без редактора довольно сложно ориентироваться в качестве текста. Поэтому даю совет, который 100% работает и который я уже писал выше: анализируете топ-10топ-50 по запросу и подгоняете значения текста до лидеров. Рекомендую для этого Seocillin и Just magic.
Пользователь emonden спрашивает:
«Добрый день! После последнего «March 2019 Core Update» сайт резко упал с выдач (музыкальная тематика). Сайт имел 3к, сейчас 800 в день. Что делать дальше, отчего так? Если раньше сайт был любимчиком Google, сейчас многие ключевые слова ушли на вторую-третью страницу. Прочитал много, конкретики нету нигде».
Как раз по музыке есть интересный кейс по last.fm: позиции просели, интерес возрос — очень рекомендую посмотреть динамику через Ahrefs. Коллеги из Пикселей рекомендуют работать над СЯ, а конкретно учитывать интенты и готовить кластеры по микро-нч.
Пользователь Vladyslav Yashchyshуn спрашивает:
«Добрый день! Заметил, что страницы групп соцсети Вконтакте хорошо ранжируются по ВЧ запросам. Поэтому я тоже решил пойти по этому пути. Создал группу скидок для конкретного одного магазина. Подготовил семантику, внедрил ее в мета-теги. Постоянно публикую релевантный контент. Есть активность, уже 100 подписчиков. Но страница пока не проиндексирована поисковиками. Прочел, что если запостить ссылку на страницу в Твиттере, то поисковики ее схавают. Сделал, без результата. Как мне быть, я делаю эту страницу под SEO, но она пока не проиндексирована, и добавить ее в Google Search Console невозможно. Хотелось бы услышать рекомендации по действиям. Спасибо!»
Продвижение пабликов в SERP началось году в 2012, и с тех пор в нем ничего не поменялось. Давайте по пунктам:
Для индексирования страницы Твиттер уже давно не работает. Рекомендую просто-напросто оставить пару комментариев на ресурсах с хорошей посещаемостью, чтобы люди перешли по этим ссылкам.
Используйте инструменты публикации статей в ВК — они неплохо работают и довольно сносно влетают в индекс самостоятельно.
Оставляйте ссылки на авторитетных источниках.
Понимаю, что выгляжу сейчас как говорящая справка для веб-мастера, давайте опишу свой старый-старый кейс.
Нашел я давным-давно ВЧ НК запрос: «Смайлики для скайпа». Чистая download-тематика, сам бог велел что-нибудь с этим сделать. Мы создали группу, в названии которой был только этот ключ. В описании группы добавили еще запросы «скачать, бесплатно». Сделали прогон по форумам и доскам объявлений (2012 год, сейчас это всё уже не работает). И через неделю уже были топ-1.
Пользователь Сергей Степанов спрашивает:
«Как правильно выстроить стратегию продвижения на год и начать получать результат после первого месяца запуска?»
Отличный вопрос. Предположим, будем продавать слона. Для того, чтобы получать результат, у вас на руках уже должны быть упакованные продукты, бесперебойный сервис и хороший уровень автоматизации.
Всё зависит от тематики и рынка, однако, при продаже слонов мы точно коснемся трех этапов:
Разработка контент-стратегии
В зависимости от продукта у клиента может быть несколько стадий принятия решения. Под каждый этап воронки необходим свой минимальный набор ресурсов, с помощью которого вы сможете доставить контент до потенциального покупателя и помочь ему принять решение.
У себя мы выделяем четыре основных стадии решения: не знает, знает, хочет, готов. И хоть в каждом этапе мы будем говорить про слонов, нужно понимать, где у нас информационные истории, а где коммерческие, хоть продукт у нас и один.
Соответственно, на пальцах можно прикинуть примерно следующее: нужна цепочка статей или другого контента — видео, графиков — по каждому этапу принятия решения о покупке слона, сопровождение этого контента платной рекламой и доставкой до конечного юзера.
Итого: на момент завершения разработки контент-стратегии у нас должен быть на руках план-график выхода статей на нашем ресурсе, кластеризованная семантика для этих статей, два-три рерайта для анонсов или обзоров для размещения на внешних площадках, подготовленные социальные сети для публикации, три-пять вариантов креатива для промоутирования этих постов.
Разработка и тестирование гипотез Начинать.
Запуск рекламной кампании При тактическом планировании маркетинга в цифре труднее всего выбрать каналы. Если мы не крипта с месячным бюджетом 60М только на социалки, стоит поинтересоваться у адекватных ребят, если ли у них кейсы по продаже слонов. Если мы хотим результат со второго месяца и понимаем, что вирусная реклама — это не наш выбор, то лучше всего начать с теста гипотез в тех каналах, которые могут дать либо самых теплых лидов, либо самых дешевых. Мы всегда начинаем с e-mail-маркетинга и лидформ в Facebook. Также можно включить ремаркетинг в AdWords и Директе (КМСРСЯ туда же), чтобы совершить дополнительное касание. По опыту, продажа дорогого продукта происходит после 8-12 касаний (и под касанием я подразумеваю не то, что клиент просто увидел вашу рекламу, а прочитал статью или получил письмо и перешел по ссылке). Соответственно, весь пользовательский путь, который и будет этапами нашей воронк, должен быть снабжен маркетинговыми материалами и иметь общую логику повествования. Вы не продадите слона, если человек не знает, что это такое.
При более-менее долгосрочной работе я рекомендую следующий подход:
Месяц 1: разработка пользовательского пути, планирование публикаций, разработка маркетинговых материалов
Месяц 2: тестирование гипотез в платных каналах с KPI CPL 10% от прибыли с одного заказа. Здесь очень важно понимать критерии качества входящих лидов: если менеджеры не смогли продать, то это не значит, что лид плохой.
Месяц 3: Продолжаем тестить гипотезы, на ходу переупаковывая продукты. В этот момент уже начнет работать органика.
Месяц 4: Всё еще тестим гипотезы, органика работает еще лучше. И вот здесь уже можно понять, что либо наши слоны делают нас миллионерами, либо с продуктом беда и упаковывать нужно лучше.
Пользователь Алексей Подольский спрашивает:
«Каков процент респекта со стороны ПС при использовании Битрикса как фундамента сайта по отношению к другим CMS? Есть ли какая-нибудь аналитика по этому поводу?»
Такой аналитики не встречал, но с интересом бы почитал. Насколько мне известно, ПС не обращает внимания на CMS от слова совсем: даже объем кода не имеет значения, если он быстро загружается. Больше того, из личного опыта могу сказать, что запускали один и тот же продукт на 10+ языков и под каждый продукт была своя CMS и переводной контент. Никакого влияния замечено не было.
Пользователь Александр Косов спрашивает:
«Как можно продвинуться по ВЧ, если ниша уже давно занята?»
Как бы не было тяжело это признать, но шансов немного. Следует выполнять рекомендации поисковиков — это понятно и так — и крутить свои показатели до лидеров ниши. Но если ваш KPI не зависит от нахождения вашего запроса в топ-1 и бизнесу нужны продажи, а не позиции, то рекомендую следующее:
Охватите все агрегаторы и форумы по тематике. Пишите комментарии и отзывы, обзоры и анонсы везде, где это возможно. У Торшиной был классный кейс, где она просто бегала по выдаче по вч-запросу и на каждом сайте из топ-50, где это было возможно, писала комменты. Сработало.
Агрегаторы наше всё. Вы либо идите туда со своим продуктом, либо делайте собственный. Яндекс с 2017 года просто свихнулся и есть ниши, куда действительно проще сразу заходить со своим агрегатором, чем с очередным сайтом Клиники Доктора Айболита.
Ищите альтернативные методы. Если ВЧ сложно — всегда есть НЧ, СЧ, микро-нч. Работайте с семантикой, потому что грамотные тексты с хорошей оптимизацией — 80% победы. Увеличивайте видимость и получайте больше потенциальных клиентов.
Пользователь Сергей Зубов спрашивает:
«Что решает для SEO на сайте: видео или текстовый контент?»
Текстовый контент решает, если ты не на Ютьюбе или Порнхабе (хотя насчет последнего я не уверен).
Пользователь Игорь Колотовкин спрашивает:
«В тему новости про свежий контент: интересно, что по логике поисковиков должны делать сайты, у которых фикс услуги, допустим, автосервис, и которые уже написали тексты под все свои виды работ? Получается, тупо делать новые тексты на ту же тему по кругу или есть способы лучше? (помимо изменения текущего текста на несколько слов и даты)»
Всегда можно открыть блог! Нет, серьезно, вы только вдумайтесь, какое количество контента вы можете дать автолюбителям! На каждый ваш продукт можно сделать минимум четыре статьи: «Сломалось двигатель: что делать?», «Как выбрать новый двигатель?», «4 причины заменить двигатель в автоцентре «РГУП ЖБУ №14″», «Как обслуживать двигатель, чтобы он работал долго». Помните, что желание вашего клиента — это не установка нового двигателя, а вообще не думать о том, что его нужно устанавливать, менять или обслуживать. Рассказывайте ему подробно и полезно обо всём, что с этим связано.
Пользователь dinabahareva84 спрашивает:
«Добрый день! Продвигать интернет-магазин по регионам на поддоменах, например, msk.site.ru или spb.site.ru — какие требования необходимо учитывать и в целом правильный ли подход будет?»
Для Яндекса подход полностью себя оправдал, мы ориентируемся на рекомендации Платона и вам советуем.
Касательно Google всё сложнее: он не любит такие истории и добавляет поддомены в supplimental index, а то и полностью их выкидывает из выдачи. Так что гуглоботу говорим стоп в robots или даже редиректим по юзер-агенту на основной.
Пользователь Evgeny Muha спрашивает:
«Добрый день! Сайт — агрегатор цен на девайсы. Сайт адаптивный (контент и оптимизация идентичны для ПК и мобильных). После перехода на mobile first наблюдается повышение позиций в мобильной выдаче и -10 в ПК выдаче. В чем может быть причина и как с этим бороться? Заранее благодарен».
Довольно странное явление, особенно если опираться на заявления самих ПС, а также собственный опыт. Полагаю, что данная история связана с недавним обновлением основного алгоритма ранжирования в Google.
Пользователь sokoloka спрашивает:
«Добрый день! Как продвигать сайт в финансовой тематике, где конкуренты — огромные дорвеи с региональным покрытием?»
Довольно неплохой стратегией в финансовой тематике является контентное продвижение. Кроме регулярного выпуска полезных материалов давайте пользователям материалы для скачивания: чек-листы, таблицы — любые прикладные материалы. Соберете базу подписчиков и можно будет подключать и e-mail-маркетинг. Есть вариант с контекстом, но я, полагаю, что вы и так понимаете, сколько это стоит.
«Что вы думаете насчет Турбо для декстопа и Дзена как дополнения к сайту?»
Мне очень интересно, к чему придет Яндекс в перспективе 7-10 лет, и что он сделает с привычным нам интернетом. Из смартфонов все сайты уже давно вытеснили приложения, которые меняют наше время на полезность и деньги рекламодателей. И десктоп был последним оплотом, но что-то мне подсказывает, что Турбо-страницы и Дзен затевают нечто грандиозное.
Как это коснется нас:
В первую очередь в голову приходят мысли касательно того, что добавят еще один фактор ранжирования. Коллеги нашептывают, что информационку будет неплохо трясти, однако осмелюсь предположить, что на десктоп Турбо идет отнюдь не за новостями, а за e-commerce.
Во вторую очередь есть мысли по рекламным форматам а-ля Instant view в Telegram или Facebook. Почему бы Отечественному Поисковику не сделать то же самое и не охватить все типы устройств?
В общем, впереди нас ждут веселые 6-12 месяцев.
Пользователь amurogorod спрашивает:
«Скажите, как можно подкрутить время посещаемости ресурса? К примеру, я могу открыть свой блог на различных устройствах и просто сутками переходить внутри сайта, это будут способствовать увеличению времени посещения?»
Крутить плохо. Не надо крутить.
Пользователь junjulia спрашивает:
«Здравствуйте! Скажите, пожалуйста, может ли частое возникновение 5хх ошибок на сайте пагубно влиять на его индексацию и выдачу в общем?»
Не могу добавить больше, чем уже было написано.
Спасибо за полезные вопросы!
Автор самого интересного вопроса — пользователь Сергей Степанов, задавший вопрос ВКонтакте. Он получает бесплатную часовую консультацию от экспертa и промо-код на месяц тарифа «Профи» в Анализе сайтов!
Пост для ваших вопросов и анонс нового эксперта скоро появятся в блоге и в соцсетях.
Мнение редакции PR-CY может не совпадать с мнением приглашенного эксперта.
Семантическое ядро (СЯ) — пакет ключевых запросов, которые подходят для характеристики сайта, товаров, услуг и контента на нем. Запросы подбирают на основании статистики по поисковой частотности, а потом распределяют по кластерам — группам запросов по тематике и другим параметрам.
Как собрать нужные ключи для крутого семантического ядра, правильно кластеризовать запросы и грамотно использовать ключи на страницах сайта? Эти темы не раскроешь в одном материале, так что мы собрали подборку полезных статей в помощь оптимизатору.
С чего начать
Сначала SEO, потом сайт: как проектировать семантику
Часто сайты разрабатывают по такой схеме: сначала предприниматель заказывает сайт, дизайнеры и программисты его делают, дальше с готовым сайтом он находит сеошника для продвижения. И выясняется, что структуру готового сайта нужно переделать под SEO.
Не лучше ли не переделывать готовый сайт, а начать с SEO, чтобы понять, как выстроить структуру, разделы и материалы для того, чтобы проект хорошо ранжировался?
В статье:
Что обязательно делать перед заказом сайта
Как работать с семантикой перед созданием сайта
Структура сайта и вес страницы
Семантическое проектирование страниц
Как собирать ключи
Обзор инструментов для сбора семантики
Список программ и сервисов, которые могут пригодиться на каждом этапе работы с семантическим ядром: сбор ключей, их очистка и кластеризация. Составить исчерпывающий список подходящих продуктов сложно, потому что их достаточно много, так что мы рассмотрели несколько интересных примеров.
В статье собраны сервисы для:
Сбора ключевых слов
Очистки результатов
Группировки ключей
Как собрать ключи для СЯ с помощью Яндекс.Вордстат
Вордстат неточный инструмент, в нем есть не все существующие запросы, а данные несколько искажены, потому что не все пользуются Яндексом. Но этот инструмент подходит для сбора ключей, оценки популярности запросов и прогнозирования.
Расскажем, как комфортно и эффективно пользоваться Яндекс.Вордстатом для сбора ключей: как читать данные, какие операторы помогут искать нужные запросы и какие секреты есть для работы с инструментом.
Поиск длинных запросов в Вордстате
В статье:
Зачем нужен Вордстат
Работа с операторами Вордстата
Как читать данные Wordstat
Расширения для Яндекс Вордстата
Как собрать низкочастотные запросы
Собирать запросы только с высокой частотностью неправильно, так вы наверняка попадете в условия огромной конкуренции за топ в поисковой выдаче с тысячами раскрученных сайтов.
Запросы, которые пользователи совершают реже среднечастотных, обычно это не чаще 1000 в месяц, называют низкочастотными. По ним проще выйти в топ, потому что конкуренции меньше. Хоть один такой запрос и дает мало трафика, много низкочастотных уже могут привести какое-то ощутимое количество аудитории.
Рассматриваем, как продвигаться по таким запросам, как их собирать и что с ними делать дальше.
В статье:
LT-запросы
Суть продвижения по низкочастотным запросам
Преимущества продвижения по низкочастотным запросам
Как найти и собрать НЧ-запросы
Как оптимизировать сайт и отдельную страницу под НЧ
4 тактики подбора ключевых слов, которыми не все пользуются
Адаптированный перевод интересной статьи «Advanced Keyword Research: Four Tactics You’re (Probably) Not Using». Ее автор придумал несколько нестандартных способов собрать ключи, протестировал их, получил результаты, масштабировал и описал результаты в материале. Попробуйте эти способы и вы.
В статье:
Подбор ключевиков по молодым сайтам из топа
Сбор ключей с помощью пользовательского поиска Google (Google Custom Search Engine)
Тактика моделирования запросов, по которым другие сайты попали в топ за несколько недель
Реверс-инжиниринг «слабых» сайтов не из топа
Как работать с семантикой и составлять СЯ
Как составить семантическое ядро
В статье есть подробные объяснения, поэтому подходит и новичкам. Как работать с запросами для семантического ядра: как собирать, очищать от ненужных ключей, кластеризовать и что делать после этого.
После сбора и очистки семантики нужно провести кластеризацию — объединить ключи в группы по контексту. В статье разбираем, по каким параметрам делить ключи на группы, что означает порог кластеризации, какие бывают типы и как сделать это для своего сайта.
Фрагмент кластеризации для примера
В статье:
Что это такое кластеризация и кому нужна
Как группировать ключи самостоятельно
Пример онлайн кластеризации по шагам
Попробуйте провести кластеризацию в автоматическом сервисе LINE: загрузите семантику, выберите тип, установите порог, а дальше сервис справится сам.
Кластеризация в LINE
Как быстро кластеризовать семантику для интернет-магазина
Как автоматизировать процесс кластеризации и что делать с результатами — пошаговый процесс на примере регионального интернет-магазина.
В статье:
Что такое кластеризация и почему она важна для SEO
Работа с запросами, входящими в семантическое ядро (СЯ) состоит из сбора, очистки и кластеризации. Следующий шаг — использование их при создании сайта, его оптимизации или создании нативной рекламы.
Получив результаты группировки, нужно определить оптимальное место для каждого из них: на странице ресурса, в составе контента вашего сайта или сторонней площадки. В статье объясняем, какое место будет оптимальным.
В статье:
Цели и виды запросов
Маркировка запросов
Ключевые слова в нативной рекламе
Как поисковый робот воспринимает ключевые слова
3 популярных мифа о топовой семантике
На почве неактуальных статей по SEO появляются мифы о том, как собрать семантику сайта, выстраивать структуру для поисковиков, писать SEO-тексты.
Разберем три популярных мифа о подборе семантики для сайта, которые могут навредить оптимизации и увеличить ваши расходы.
В статье:
Миф 1: чем больше фраз в СЯ, тем лучше
Миф 2: чем больше страниц, тем лучше
Миф 3: чем больше SEO-текстов, тем лучше
Как писать SEO-тексты
Что такое каннибализация в SEO и как с ней бороться — кейс
Кроме действительных конкурентов веб-мастера умудряются соперничать сами с собой. Это происходит, когда они оптимизируют несколько страниц своего сайта под одни и те же ключи и интенты.
Разбираемся, как работает каннибализация, как можно мешать своему же проекту бороться за позиции в топе по ключевым запросам, и что с этим делать.
В статье:
Что такое каннибализация запросов и почему это проблема
Как бороться с каннибализацией
Как не допустить каннибализацию запросов
Кейс: успешная работа с каннибализацией
SEO-копирайтинг в 2021: эффективные приемы, которые мало кто использует
Конечная цель сайта — получить больше читателей и клиентов, поэтому контент должен нравиться людям. Но чтобы они до него добрались, он должен нравиться и поисковым системам.
Разобрались, каким должен быть контент, и собрали необычные приемы SEO-копирайтинга из зарубежной практики, которые подойдут и для продвижения в рунете.
Три шага для удержания читателя
В статье:
Где подсмотреть темы и структуру контента
Как заинтересовать читателя за три шага
Как акцентировать внимание с помощью Bucket Brigades
Как проверить страницу: оптимизация, релевантность, технические параметры
Как получить больше репостов с помощью цитат
Другие способы сделать контент лучше
Как продвигать новостные сайты: особенности оптимизации
Как оптимизировать сайт, если на нем публикуют новости, которые быстро устаревают?
Подробнейший материал по оптимизации новостников и контентных сайтов в отдельности, который мы составили на основе конспектов двух вебинаров от специалистов в этой теме — Дмитрия Шахова и Николая Алекса на Youtube-канале Михаила Шакина.
В статье:
Чем продвижение новостных сайтов отличается от других
Что такое быстровыдача и как туда попасть
Как обрабатывать тренды
Как получить трафик по ВЧ
Как настроить систему тегов
Как получить трафик со страниц пагинации
Как проанализировать брендовый трафик
Как использовать хвостовую семантику
Как быстро найти и исправить ошибки на сайте
Как брендовый ключ в Title влияет на CTR — эксперимент
Как брендовые ключи в семантике помогают продвижению? А могут ли они вредить оптимизации? В зарубежном SEO-агентстве провели эксперимент и проверили, как менялась кликабельность заголовков с брендовым ключом в Title и без него, и вывели случаи, когда такой ключ поможет, а когда скорее будет мешать.
В статье:
Какие проблемы с SEO могут дать шаблоны в Title
Эксперимент 1: удалили категорию из Title
Эксперимент 2: удалили бренд из Title
Как удаление шаблона или бренда повлияет на Title
Простой способ понять, оставить или убрать бренд из Title
Анализируем топ выдачи, чтобы пробиться в лидеры
Раз статья попала в топ и уверенно в нем держится, значит поисковик считает, что она наиболее релевантна запросу. Полезно анализировать, какие статьи поисковик поднимает в топ, и учиться делать похожие и даже лучше.
В статье рассказываем, как анализ статей из топа поможет в работе над контентом, по каким критериям проводить анализ и как сделать это быстрее и эффективнее.
В статье:
Что обычно советуют
Как проводить анализ
Минусы и преимущества
Инструменты
Как читают тексты на сайте [Новый обзор исследований]
Правда ли, что сейчас никто не читает тексты на сайтах? Как заставить пользователей задержаться на статье, если им лень читать? Удалили из обзора старые исследования и собрали несколько актуальных, а также вывели советы: как писать тексты, чтобы их действительно читали и дочитывали.
В статье:
Как люди читают онлайн: мнения
Обзор исследований: как читают контент на сайте
Как люди читают в интернете: новые и старые выводы
Как внимание распределяется по скроллам экрана
Как люди читают медиаресурсы
Как читают с мобильных
Оптимальная длина SEO-текста: исследования и рекомендации поисковиков
Какой длины должна быть статья для продвижения и важна ли вообще длина или количество знаков текста?
Анализируем исследования о том, какие по объему статьи занимают высокие места выдачи, читаем советы редакторов из опыта и собираем рекомендации для составления технического задания копирайтеру.
В статье:
Данные исследований: оптимальная длина текста
Какие тексты дочитывают пользователи
Что рекомендуют поисковики
Как рассчитать длину SEO-текста
Сколько знаков заказывать у копирайтера
Тошнота текста: что такое качественный SEO-текст
Тошнота текста показывает частоту повтора слова в тексте. Ее используют при SEO-анализе контента, чтобы считать частотность ключей и определять переспам. Чем больше повторений слова в тексте, тем выше показатель тошнотности и тем хуже.
Какой текст поисковики считают хорошим, что недопустимо, как измерить тошноту текста, насколько этот показатель полезен для сеошника и копирайтера — разбираемся в статье.
В статье:
Что такое тошнота текста
Как измеряют тошнотность
Как проверить текст
Делитесь в комментариях отзывами о наших материалах, а также идеями — о чем вам было бы интересно почитать в блоге?
В первом выпуске «Спроси PR-CY» пользователь с никнеймом Илья задал вопрос эксперту:
«Перспективные форматы картинок в ближайшем будущем? Может, уже сейчас начинать заливать WebP или другие форматы?»
Экспертом выступал Андрей Прудко, директор студии интернет-маркетинга и веб-брендинга «Большая Буква», и вот что он ответил:
«Google активно продвигает WebP и будет продолжать это делать. Но, как известно, данный формат поддерживают 75% браузеров.
Хорошим решением будет наличие нескольких форматов изображений и выдача нужного типа изображения по ответу браузера — поддерживает WebP или нет. Да, это приведёт к увеличению количества файлов и заполнения дискового пространства, но даст определенные преимущества перед теми, кто не пользуется новыми форматами.
Положительное влияние наличия формата WebP на сайте на поисковую выдачу уже замечено».
Эксперт советует применять формат WebP на сайте, но использовать его среди прочих. Разберемся, что это за формат и чем он отличается от других.
Что такое WebP
WebP — формат графических изображений. В 2010 году Google разработал его в качестве альтернативы для PNG и JPEG.
Как это работает
Сжатие в этом формате основано на алгоритме сжатия ключевых кадров видеокодека VP8, а упаковывается в контейнер на основе RIFF.
При сжатии с потерями применяют предиктивное кодирование: для предсказания пиксельного блока используют значения пиксельных блоков по соседству, затем разницу кодируют.
При сжатии Lossless, то есть без потерь, используют известные фрагменты изображений и на их основе реконструируют пиксели. Если совпадений для реконструкции нет, используют локальную палитру.
Преимущества и недостатки WebP
Плюсы формата:
сохраняет такое же качество при меньшем размере картинки: при сжатии с потерями размер будет в среднем на 30% меньше, чем в JPEG, а без потерь в среднем на 25% меньше, чем PNG. Подтверждающее исследование в следующем пункте статьи;
сочетает в себе все преимущества PNG, JPEG и GIF, поддерживает прозрачность и анимацию.
Сравнение популярных форматов изображений
Недостатки:
формат поддерживают не все браузеры;
в пиксельной графике может потеряться часть цветов;
при сжатии с потерями изображение может выглядеть плоским.
Сравнение изображения: слева JPEG, справа WebP
WebP vs JPEG: данные исследования
В январе 2019 года Google обновили исследование, в котором сравнивали сжатие изображений с помощью WebP и JPEG.
Как проводили исследование
Использовали два типа оценок. В первом случае генерировали изображения WebP того же качества, что и изображения JPEG, а затем сравнивали размеры получившихся файлов. Качество измеряли с помощью индекса SSIM, для вычисления использовали общедоступную реализацию на C ++.
Для второй оценки анализировали графики качества и битов на пиксель (bpp) для WebP и JPEG. Эти графики показывают компромисс между искажениями и скоростью для обоих форматов.
Изображения брали из нескольких наборов:
Lenna — картинки 512 x 512 px;
Kodak — 24 изображения из набора цветных изображений Kodak;
Tecnick — 100 цветных изображений RGB из коллекции Tecnick.com;
Image_crawl — случайная выборка картинок PNG из базы данных веб-сканирования Google Image Search.
Результаты исследования
По первому методу оценивания выяснилось, что при одинаковом качестве средний размер файла WebP на 25-34% меньше по сравнению с размером файла JPEG.
Средний размер файла с одинаковым качеством, JPEG Q = 75
По методу подсчета битов на пиксель графики показали, что при одинаковом индексе SSIM для сжатия WebP нужно меньше битов на пиксель, чем для JPEG.
График для набора данных Kodak
По итогу исследования ясно, что WebP может обеспечить лучшее сжатие изображения по сравнению с JPEG.
Какие браузеры поддерживают WebP
Формат поддерживают Chrome, Opera, браузер Android и остальные популярные браузеры, последним о поддержке в Firefox объявили Mozilla. Остались браузеры Apple, которые не хотят включать поддержку этого формата. Причиной может быть то, что компания разрабатывает более современный AVIF.
По информации с сайта caniuse.com, на вторую неделю апреля 2019 года такие данные: WebP поддерживают 78,49% браузеров пользователей в мире и 68,58% в России.
Статистика с caniuse.com
Формат доступен не во всех версиях браузеров, которые открывают пользователи в мире, а в России этот процент еще меньше. Рекомендуют использовать несколько форматов, пока есть вероятность, что браузер может не справиться с WebP.
Как конвертировать изображения в WebP
Рассмотрим несколько способов для конвертации изображений. Это можно сделать с помощью онлайн-сервисов, приложений с установкой, через инструменты командной строки.
Онлайн-сервисы
Squoosh
Squoosh конвертирует и сжимает изображения онлайн. Он справится с большими фотографиями, иллюстрациями, скриншотами и иконками в SVG, работает с разными форматами. Можно сравнивать варианты картинки, контролировать артефакты, настраивать нужный уровень сжатия и следить за итоговым размером изображения.
Сжатие JPG в WebP в Squoosh
Файл 1,51 MB после конвертирования стал весить 185 kB.
Online-Convert
Online-Convert.com тоже конвертирует онлайн. Он работает с изображениями, документами, видео, аудио, архивами и другими форматами. Нас интересует конвертер в WebP: он позволяет обрезать изображение, выставить размер, настроить улучшения для картинки.
Настройки конвертирования JPG в WebP в сервисе
После конвертирования файл стал весить 238,21 kB.
Zamzar
Простой онлайн-сервис Zamzar для конвертирования изображений. Перетаскиваете изображение в поле, выбираете нужный формат из списка и нажимаете на конвертирование, других настроек нет. Дальше останется скачать готовый файл.
Интерфейс приложения
Исходный файл весил 507,88 kB, итоговый 355 kB.
Приложения
Webpconv для Windows
Приложение Webpconv для конвертирования разных форматов в WebP. Работает с установкой и портативно. Webpconv может конвертировать несколько файлов одновременно, кодировать JPEG и PNG в WebP и обратно. Есть меню для настройки кодирования, чтобы получить более качественный файл и настроить итоговый размер.
Окно настройки кодирования
Photoshop-плагин для Windows и Mac
Для редактора Photoshop есть отдельный бесплатный плагин, позволяющий открывать и сохранять 24-битные изображения WebP. Плагин поддерживается версиями Mac CS2 / 3/4, Mac CS5 / CS6 и Windows (32 и 64 бит). На Photoshop CC не работает.
Выбор формата
WebPonize для Mac
Для работы с изображениями для Mac есть инструмент WebPonize — проект с открытым исходным кодом на Github. После установки можно конвертировать изображения в в формат WebP на Mac — просто перетащить изображение в поле.
Демонстрационное изображение WebPonize
Sketch для Mac
Если вы работаете в платном редакторе векторной графики Sketch, изображения оттуда можно экспортировать сразу в WebP.
Экспорт изображения в редакторе
Редактор предназначен для работы с устройствами на базе MacOS, доступна бесплатная версия на 30 дней.
Инструменты командной строки
Форматы JPEG, PNG и TIFF в WebP конвертируют с помощью утилиты cwebp, а декодируют с помощью dwebp.
Инструмент cwebp — самый популярный для кодирования изображений в файлы формата WebP. После установки утилиты можно настраивать уровень качества изображения, задавать имена файлам и работать с другими опциями.
Самые популярные библиотеки для конвертации — Imagemin с плагином imagemin-webp. Пример скрипта для конвертирования в WebP всех файлов форматов PNG и JPG из папки:
Этот скрипт можно использовать из командной строки или с помощью сборщика:
node convert-to-webp.js
Настройка для Mac OSX
Для настройки у вас должен быть установлен Xcode. Порядок дальнейших действий:
Загрузите и установите MacPorts.
Запустите Terminal.
Обновите MacPorts до последней версии: введите «sudo port selfupdate» и нажмите ввод.
Для установки libwebp (WebP Library) введите «sudo port install webp» и нажмите ввод.
Процесс установки
Как использовать WebP на сайте
Если вы хотите использовать формат WebP для браузеров, сделайте копию всех изображений в формате WebP и создайте скрипт, который будет проверять браузеры пользователей на поддержку WebP. Если поддержка есть, пользователь увидит картинки в этом формате.
При этом нужна система с резервными вариантами (fallback), на случай, если пользовательский браузер не воспринимает WebP.
Проверка форматов браузера
Способ, где скрипт проверяет браузер на поддержку формата и при ее наличии отдает WebP.
Систему с резервными вариантами для WebP можно настроить через HTML5-элемент picture. Альтернативные форматы добавляют с помощью элемента source внутри picture. В дополнение нужно оставить и обычный img, он будет использован для браузеров, которые не поддерживают форматы файлов через picture:
Атрибуты элемента source для определения формата и условий использования:
type — MIME-тип формата;
srcset — путь к файлу изображения, можно использовать несколько файлов с разными размерами и PPI — плотностью пикселей;
sizes — список размеров каждого файла;
media — запрос, определяющий источник для вывода картинки.
Специалист по оптимизации Деми Мурыч не советует использовать этот способ, так как он приведет к увеличению узлов в DOM-дереве на каждое изображение, а это увеличит расход памяти и замедлит скрипты.
Согласование при помощи заголовка Accept
Способ, подразумевающий использование заголовка Accept.
Браузеры передают заголовок Accept в виде строки. Для браузера Opera нужно указать все форматы:
Можно настроить автоматическую передачу WebP с веб-сервера. Конфигурация в Nginx и Apache будет аналогичной. В файл конфигурации добавляем подобную запись:
location / {
# проверка заголовка Accept и наличия версии файла в .webp if ($http_accept ~* «webp») { set $webp_accept «true»; } if (-f $request_filename.webp) { set $webp_local «true»; }
# если WebP есть, то передать Vary if ($webp_local = «true») { add_header Vary Accept; }
# если клиент поддерживает WebP, то передать файл if ($webp_accept = «true») { rewrite (.*) $1.webp break; } }
Если в Accept нет поддержки WebP, то сервер будет передавать файлы других форматов.
Конфигурация будет другой, если Nginx используют как прокси для кэширования статических элементов. В таком случае нужно проверить запросы на наличие индикатора WebP и перенаправить на удаленные серверы:
server { location / {
if ($http_accept ~* «webp») { set $webp T; } proxy_cache_key $scheme$proxy_host$request_uri$webp;
Формат WebP можно назвать перспективным — он позволяет облегчить изображение, сохраняя его качество, а значит уменьшить размер страницы сайта. Но такой формат поддерживают не все браузеры, поэтому рекомендуем иметь несколько вариантов картинок и настроить веб-сервер так, чтобы выдавать пользователям картинки в WebP, если поддержка есть.
Фрагмент семантического ядра туристического сайта
Интерфейс сервиса
Фрагмент демонстрационной кластеризации запросов в Line
Поиск длинных запросов в Вордстате
Составление структуры
Фрагмент кластеризации для примера
Кластеризация в LINE
Три шага для удержания читателя
Сравнение популярных форматов изображений
Сравнение изображения: слева JPEG, справа WebP
Средний размер файла с одинаковым качеством, JPEG Q = 75
График для набора данных Kodak
Статистика с caniuse.com
Сжатие JPG в WebP в Squoosh
Настройки конвертирования JPG в WebP в сервисе
Интерфейс приложения
Окно настройки кодирования
Выбор формата
Демонстрационное изображение WebPonize
Экспорт изображения в редакторе
Процесс установки