Мы приглашаем экспертов в рубрику «Спроси PR-CY», чтобы читатели блога могли задать вопрос по разным аспектам продвижения компании в интернете. В каждом выпуске разные эксперты — по SEO, маркетингу, аналитике и контенту.
На вопросы этого выпуска отвечает
Катерина Ерошина
Главный редактор блога Promopult, специалист по контенту, спикер профильных конференций.
Задавайте вопросы в комментариях к этому посту
Катерина ответит на вопросы, связанные с контентом на сайте. Спрашивайте о запуске и поддержке блога, контентной стратегии, работе над текстами и другими форматами.
Эксперт не сможет рассмотреть вопросы, которые требуют изучения статистики конкретного сайта или часовой лекции по теме. Для вопросов по SEO, техническим параметрам и особенностям продвижения сайта у рубрике будут другие эксперты.
Сбор вопросов открыт до пятницы
Вопросы принимаем до пятницы включительно, потом мы передадим их эксперту для работы. Пост с ответами появится в блоге на следующей неделе.
Ждем ваши вопросы эксперту в комментариях к этому посту!
За самый интересный вопрос — подарок
Эксперт выберет автора самого интересного вопроса, которому достанется промокод на месяц бесплатной работы в расширенном тарифе Профи сервиса Анализ сайта от PR-CY.
Спроси PR-CY#12: отвечает Вячеслав Вареня, Google product expert.
Речь о так называемых готовых ответах (англ. – featured snippets). Британский сеошник Киерон Хьюз первым заметил новинку. По его словам, поисковик начал демонстрировать предвзятость по отношению к страницам, которые попадают в блок с готовым ответом в SERP.
Example: Legal & General in the featured snippet, and their actual ranking URL has been removed from the SERP entirely pic.twitter.com/Zy17NazLkf
— Kieron Hughes (@kieronhughes) November 12, 2019
Суть новшества состоит в том, что теперь после попадания в блок с ответом страница автоматически пропадает из органических результатов на первой странице выдачи. До этого она фактически была представлена в двух вариантах – и в готовом ответе, и, как правило, на первой позиции органики.
Многим веб-мастерам такое новшество может не понравиться. Сергей Кокшаров (aka Devaka), комментируя новость, подчеркивает:
«Да, с дублями контента в выдаче нужно бороться. Тут Google понять можно. И пользователям тоже удобно. Что касается владельцев сайтов, то у них могут возникнуть проблемы. Блок с готовым ответом не всегда гарантирует лучший CTR в сравнении с ссылкой в органическом поиске. Кроме того, если тест будет запущен на постоянной основе, то сервисам мониторинга позиций в Google SERP придется каким-то образом менять логику своей работы».
Ранее мы писали о том, что готовых ответов в результатах поиска Google становится больше.
Как настроить отложенную загрузку изображений на сайте
Плагины для настройки lazy loading
Как проверить работу lazy loading
Отложенную или по-другому ленивую загрузку изображений используют довольно много сайтов. В октябре 2019 команда Backlinko провела исследование, в котором проанализировала скорость загрузки 5,2 млн десктопных и мобильных страниц. Они подсчитали, какие способы оптимизации загрузки практикуют самые быстрые страницы.
Оказалось, что чаще всего используют адаптивные изображения, но ленивая загрузка не сильно отстает и занимает второе место.
Исследователи посмотрели, какой подход используют сайты, получившие высокие оценки инструмента для измерения скорость загрузки Lighthouse. Таблица похожа на предыдущую, lazy loading на втором месте после адаптивных изображений:
Разберем, как работает lazy loading, каким сайтам нужно внедрять эту функцию, и как это сделать.
Что такое lazy loading изображений
Lazy loading или «ленивая загрузка» — это способ отложенной загрузки изображений, когда картинки подгружаются не сразу вместе с запрашиваемой страницей, а по мере надобности, асинхронно. Функция работает на технологии AJAX с помощью JavaScript.
Способ работает для картинок img и фреймов iframe. У этих элементов есть атрибут src, указывающий на источник.
Варианты отложенного отображения контента:
По скроллингу Изображения и фреймы подгружаются, когда пользователь до них доскролливает. Обычно используют в блогах с бесконечной лентой, в интернет-магазинах с большими листингами.
По клику Контент подгружается, когда пользователь переходит по ссылке. К примеру, большое изображение загружается, когда пользователь нажимает на миниатюру.
В фоновом режиме Контент подгружается фоново, к примеру, когда пользователь загрузил документ и оставил его открытым. Этот способ обычно используют для документов, которые нужны для работы — картинок больших размеров, чертежей, схем.
Метод ленивой загрузки позволяет увеличить скорость отображения страницы, потому что загрузка элементов растянута на время, пока пользователь изучает контент.
На демонстрационной странице indexoid.com/speed картинки загружаются по мере просмотра:
Отображение загрузки картинок на странице при скроллинге Код страницы indexoid.com/speed
Не стоит настраивать такую загрузку для элементов на первом экране — они должны загружаться сразу же, как только пользователь зашел на страницу.
Как ПС относятся к отложенной загрузке
Раньше у Google была проблема с индексированием контента с атрибутом loading, сейчас бот воспринимает такие элементы. Но нужно убедиться, что все материалы страницы доступны для Googlebot.
Каким сайтам нужно внедрять отложенную загрузку
В пятом выпуске рубрики «Спроси PR-CY» один из пользователей задал эксперту вопрос о способах оптимизации картинок на сайте:
«Стоит ли на сайте интернет магазина внедрять lazy loading изображений? Слышал, что Google прочитает фото, находящиеся за пределом экрана, а вот Яндекс — нет. Общался с популярными SEO конторами, 7 из 10 уверяют, что не стоит, обрушу SEO.
И еще вопрос по поводу WebP, jpeg2000 — стоит ли внедрять на сайт? На сайте уже 25000 фото, сам процесс конвертации не быстрый».
Ответил Михаил Шакин, автор SEO-блога и специалист по продвижению сайтов в рунете и англоязычном интернете:
«Если есть хороший трафик с изображений, то реализовывать lazy loading не стоит.
Если на вашем сайте много больших по размеру изображений, которые замедляют скорость загрузки страниц и они по этому параметру значительно уступают конкурентам, то для эксперимента можно реализовать.
По поводу новых форматов изображений — пока можно не тратить на это время. А вот оптимизировать для быстрой загрузки без потери качества очень желательно».
Ориентируйтесь на целесообразность внедрения функции на ваш сайт. С одной стороны, использование такой оптимизации ускорит загрузку сайта, уменьшит время ожидания пользователей и сэкономит им трафик, поскольку они будут использовать его только для картинок, которые видят.
С другой, веб-мастеру нужно прикладывать дополнительные усилия по настройке функции, которая пока будет работать не на всех браузерах.
Почитать по теме: Как использовать WebP для оптимизации картинок на сайте
В каких случаях стоит внедрять lazy loading:
На страницах много больших изображений.
Картинки составляют основную часть контента — вы продвигаете сервисы с фотографиями, фотостоки, статейники с большим количеством иллюстраций и фреймов.
Невысокий балл PageSpeed Insights.
Много посетителей с мобильных устройств, больше 50%.
Конкуренты быстрее вас, хотя вы уже провели оптимизацию и ускорение страниц.
Сервер слабый и не может дать быструю загрузку.
Проверить скорость загрузки сайта можно с помощью сервиса «Анализ сайта». Он проверит загрузку в соответствии с новыми требованиями поисковиков и даст советы, что сделать, чтобы ее улучшить.
Фрагмент проверки скорости
Попробовать
Как настроить отложенную загрузку изображений на сайте
Разберем, какие есть способы для настройки отложенной загрузки, и что проще применить на практике.
Атрибут loading
C помощью атрибута loading веб-мастеры задают условия для загрузки. Атрибут loading можно установить для изображений с тегом img и для медиа с тегом iframe.
Он поддерживает три значения:
lazy — асинхронная загрузка по мере надобности изображения; <img src=»image.png» loading=»lazy» alt=»prcy» width=»200″ height=»200″>
auto — порядок загрузки по усмотрению браузера. <img src=»image.png» loading=»auto» alt=»prcy» width=»200″ height=»200″>
Если значение для атрибута loading не указали, браузер воспримет его как auto.
Для iframe код аналогичный.
Иногда на сайте используют скрытые фреймы, к примеру, для аналитики, для них отложенная загрузка не действует. Chrome определяет, является ли фрейм скрытым, по критериям:
высота и ширина фрейма — 4px или меньше;
применяются свойства display: none или visibility: hidden;
расположение за пределами экрана с помощью отрицательного позиционирования по осям X или Y.
Если хоть одно условие соблюдено, Chrome считает фрейм скрытым и не будет загружать его асинхронно.
Как работает lazy loading
Без внедрения lazy loading браузер делает запросы по адресам из атрибутов, и когда картинок много, он одновременно делает много запросов ко внешним источникам. Это замедляет загрузку страницы.
Ленивая загрузка позволяет делать запросы не синхронно, а порциями — по мере просмотра страницы пользователем. При первой загрузке страницы браузер делает один запрос к временному шаблону, указанному в атрибуте src, закэшированному браузером. И потом при необходимости для элементов возвращает их оригинальный src.
Для отложенной загрузки картинок и фреймов есть два работающих способа настройки:
с помощью Intersection Observer API;
с помощью обработчиков событий scroll, resize или orientationchange.
Как это работает в Chrome:
При загрузке страницы браузер создает DOM страницы без изображений и видео.
С помощью JavaScript он определяет, какие изображения и видео нужно загружать, запрашивает первые 2 КБ изображений и узнает из них сведения о размерах.
На основе этих данных браузер создает заглушки, заполняющие места изображений, с такими же размерами, как у картинок. У атрибута src появляется временное значение, которое содержит адрес шаблона с меньшим весом, чем у оригинального исходника. Элементы, которые будут загружаться асинхронно, встраиваются на страницу с новым значением src.
Когда изображение нужно загрузить, в атрибут src вставляется оригинальный адрес ресурса и изображение появляется в исходном качестве. Могут быть два условия для загрузки:
автоматически, когда элемент попадает в область просмотра пользователя — путем проверки события scroll или resize или orientationchange для мобильных устройств;
на элементах по требованию пользователя, когда для элемента наступают события click или hover.
Если изображения внедрены через CSS, настроить отложенную загрузку тоже можно. Это делают через JavaScript: нужно определить, когда элемент находится в области просмотра, и также загрузить фоновое изображение. Теги img загружаются вне зависимости от их видимости, а в загрузке CSS есть много предположений, так что сначала браузер проверяет применение CSS к документу, а потом запрашивает внешние ресурсы.
Какие браузеры поддерживают отложенную загрузку
Раньше для этой функции в любом случае приходилось писать специальный код или использовать отдельную библиотеку JavaScript, но сейчас есть такие браузеры, которые не нуждаются в сторонней библиотеке. Отложенная загрузка будет работать в них, даже если на стороне клиента отключен JavaScript.
Google Chrome обрабатывает loading начиная с 76 версии. Другие браузеры на базе Chromium 76 тоже могут работать с этим атрибутом. Для настройки отложенной загрузки в Firefox есть открытый баг.
Атрибут loading воспринимают пока не все браузеры, но его можно использовать для расширения возможностей страницы.
Браузеры, которые распознают lazy loading, будут следовать инструкциям отложенной загрузки, а браузеры, которые не поддерживают атрибут, будут загружать элементы как обычно.
Как настроить кроссбраузерную функцию lazy loading
Сначала нужно проверить, поддерживает ли браузер атрибут:
<script> if (‘loading’ in HTMLImageElement.prototype) { // Поддерживается } else { // Применить полифилл или JavaScript } </script>
Для браузеров, которые не поддерживают встроенный режим отложенной загрузки, можно реализовать его с помощью полифила или сторонней библиотеки. Можно настроить, чтобы библиотеку загружал только браузер, который не поддерживает loading.
Изображения на первом экране просмотра
Изображения, которые должны быть видны сразу после загрузки страницы, нужно описать с помощью тегов img и указать атрибут src. Если использовать для них атрибут data-src без src, изображения не будут показаны.
Изображения на остальных экранах в ленивой загрузке
Если браузер поддерживает атрибут ленивой загрузки, используем src.
Если браузер не поддерживает lazy loading, нужно, чтобы обычная одновременная загрузка не сработала для изображений на всех экранах, кроме первого. Для этого в работе с изображениями на остальных экранах в разметке нужно использовать img data-src=image.png /, а не src, srcset или source.
Это можно сделать с помощью скрипта Lazy loading от David Walsh. Скрипт заменяет атрибут src на data-src в теге img:
<img data-src=»image.jpg» alt=»test image»>
Элементы img с атрибутами data-src скрыты в CSS. После загрузки картинок они будут отображаться с применением плавных переходов:
img { opacity: 1; transition: opacity 0.3s; }
img[data-src] { opacity: 0; }
Затем JavaScript передает всем тегам img атрибут src, которые в итоге получают значение атрибута data-src. После загрузки всех изображений, data-src убирается из img:
С помощью возможностей JavaScript можно загрузить соответствующую библиотеку. Библиотек много, к примеру, yall.js (Yet Another Lazy Loader), которая использует Intersection Observer API, Query Lazy, основанная на jQuery, LazySizes с поддержкой адаптивных изображений «srcset» и атрибута «sizes» и другие.
В случае с популярной библиотекой LazySizes нужно использовать class=lazyload, чтобы указать библиотеке на изображения, которые должны загружаться асинхронно.
<script> (async () => { if (‘loading’ in HTMLImageElement.prototype) { const images = document.querySelectorAll(«img.lazyload»); images.forEach(img => { img.src = img.dataset.src; }); } else { // Динамический импорт библиотеки LazySizes const lazySizesLib = await import(‘/lazysizes.min.js’); // Инициализация LazySizes (чтение data-src & class=lazyload) lazySizes.init(); // lazySizes применяется при обработке изображений, находящихся на странице. } })(); </script>
Демонстрация отложенной загрузки работы на сайте:
Загрузка картинок при быстром скролле
Как настроить время отложенной загрузки
В режиме auto скорость загрузки зависит от близости элемента к области просмотра и скорости интернета.
В режиме lazy пороговые значения для отложенной загрузки установлены в исходном коде браузера Chrome. Команда Chrome экспериментирует с разными пороговыми расстояниями, так что оно может измениться в будущем.
В своем браузере значения времени загрузки можно настроить средствами командной строки. К примеру, это настройки по умолчанию:
Допустим, нужно настроить, чтобы загрузка изображений начиналась, если от позиции прокрутки до изображения 400 пикселей Тогда все значения в этой команде нужно поменять на 400.
Перед загрузкой в высоком качестве можно настроить разное отображение для картинки — сжатие, размытие, шаблонная заглушка. Плагин Craig Buckler позволяет настроить размытое отображение перед загрузкой.
Возможности:
Поддерживает любой тип изображений, включая CSS фоновые изображения, атрибуты srcset и sizes.
Быстро загружается и работает, занимает 1350 байт JavaScript, 440 байт CSS.
Не зависит от фреймворков и библиотек.
Поддерживает экраны с матрицами Retina.
Применяет прогрессивное улучшение для устаревших браузеров.
Делает до трех попыток, если изображение по какой-то причине не загрузилось.
Страница плагина на GitHub
Проще установить специальные плагины для CMS, которые запустят отложенную загрузку. Некоторые вообще не требуют настройки.
WordPress
В конце января 2020 команда разработчиков новой версии WordPress 5.4 поделилась планами. Начиная с этой версии, функция отложенной загрузки начнет работать по умолчанию: HTML-атрибут «loading» со значением «lazy» будет применяться ко всем элементам IMG. Веб-мастер может легко удалить атрибуты, если не хочет, чтобы ленивая загрузка работала.
Запуск WordPress 5.4 планируется в конце марта 2020 года, а пока можно справляться с помощью плагинов. Мы собрали самые лучшие плагины отложенной загрузки для WordPress.
Лучший плагин для lazy load WordPress: исследование
Хостинг Kinsta провел исследование популярных плагинов для lazy loading, чтобы выяснить, какие работают эффективнее.
Исследователи создали легкую страницу с темой TwentySixteen, она весила меньше 155 КБ и загружалась меньше, чем за полсекунды. Для теста ускорения загрузки страницу наполнили большими фото и видео с YouTube, вес увеличился до 1,7 МБ, а скорость уменьшилась до 1,28 секунд.
Тест скорости без плагинов для ленивой загрузки
Команда проанализировала несколько десятков плагинов и выбрала три лучших, которые дают ощутимые изменения в производительности.
3 лучших плагина WordPress для отложенной загрузки
BJ Lazy Load — дополнительно позволяет настроить отложенную загрузку: указать класс HTML для исключений из асинхронной загрузки, который вы сможете применять к элементам страницы, указать, в какой момент загружать картинку или фрейм, добавить URL-адрес изображения для заглушки на месте картинки до ее загрузки в хорошем качестве.
Lazy Load XT — кроме ленивой загрузки, плагин можно использовать для минимизации файлов JS и CSS, загрузки библиотек JavaScript и CSS с помощью Cloudflare CDN, перемещения скриптов в нижний колонтитул сайта.
a3 Lazy Load — бесплатный плагин на WP, совместим с плагинами WooCommerce, AMP, WPTouch, WP Super Cache, W3 Total Cache и CDN. Позволяет настроить типы объектов для асинхронной загрузки и выбрать миниатюры, виджеты, граватары и другие, настроить загрузки видео и iframe. Переведен на русский.
Плагин a3 Lazy Load смог довести размер изображений до 150 КБ. У BJ Lazy Load и Lazy Load XT получились схожие результаты — размер страницы 2,0 МБ. Сравнение результатов внедрения плагинов показало, что a3 Lazy Load справился лучше.
Сравнение плагинов для lazy load
Исследование проводили в 2016 году, материал обновили в 2019, но в подборке остались плагины, которые не обновлялись по три месяца. Не смотря на это, они могут корректно работать, но вы можете подобрать другое решение, которое будет работать на вашем сайте.
Еще популярные плагины:
Lazy Load Optimizer — бесплатный плагин, работает с изображениями и фреймами, использует библиотеку lazysizes, совместим с WooCommerce, переведен на русский.
Loading Page with Loading Screen — плагин также запускает ленивую загрузку, но вдобавок предлагает настроить эффекты для оформления — полупрозрачный экран с процентом загрузки, анимацию, настройка цвета и изображения для фона.
Lazy Load by WP Rocket — бесплатный и легкий, весит 6 КБ, не использует тяжелые библиотеки типа jQuery, не требует сложных настроек, работает с изображениями, фреймами, в том числе аватарками и превью. С помощью кода с репозитория можно отключить плагин для некоторых страниц.
Lazy Load for Videos — плагин для отложенной загрузки видео с платформ Youtube и Vimeo, работает без загрузки JavaScript. Видео с Youtube загружаются в режиме повышенной конфиденциальности с использованием встроенного URL-адреса «https://www.youtube-nocookie.com».
Другие плагины lazy load для WP
1-C Битрикс
Для этого движка удалось найти два плагина:
Ленивая загрузка изображений — платный плагин для отложенной загрузки на сайте, использует библиотеку lazysizes, работает с CDN Битрикса, поддерживает несколько сайтов, не требует работы с кодом и обрабатывает на лету. Поддерживается большинством версий Битрикса.
Отложенная загрузка изображений — бесплатный плагин, который использует метод IntersectionObserver, не загружает сайт лишним JS, совместим с CDN Битрикс и поддерживает многосайтовость.
OpenCart
Несколько расширений ленивой загрузки для OpenCard:
Lazy Load Images — бесплатный плагин, настраивает ленивую загрузку по прокрутке, работает на jQuery.
Lazyload Images — плагин для асинхронной загрузки с возможностью настроить визуальные эффекты для появляющихся изображений. Поддерживает Opencart версии 1.5.X + 2.X + 3.0.X + 3.1.X. Цена 20 долларов.
Lazy Load Images — плагин для ленивой загрузки изображений, каруселей, слайд-шоу, работает на JavaScript. Работает с версиями OpenCart v3.x. Цена 20 долларов.
Другие расширения lazy load для OpenCart
Joomla!
Для Joomla! нашлась пара плагинов:
JSLazyLoading — плагин для отложенной загрузки, работает с изображениями и динамическими модулями, в том числе с Retina изображениями, AJAX навигацией, выводит уменьшенные изображения для мобильных устройств. Единственный плагин для Joomla!, который работает с отложенной загрузкой фоновых изображений. Работает на чистом JavaScript, не зависит от внешних библиотек, к примеру от jQuery. Цена — 755 рублей.
Lazy Load — запускает отложенную загрузку изображений для товаров, обрабатывает только фото товара virtuemart и joomshopping — картинки, в пути к которым указан «product». Использует jQuery плагин lazyload. Цена — 400 рублей.
Drupal
Для Drupal есть несколько модулей асинхронной загрузки.
Lazy-load — модуль Drupal для отложенной загрузки встроенных изображений и фреймов, работает на библиотеке lazysizes.
Blazy — плагин обеспечивает интеграцию с bLazy и Intersection Observer API для асинхронной загрузки изображений и фреймов.
Bamboo Twig — модуль на Drupal 8 для повышения производительности, в том числе в нем можно включить отложенную загрузку.
Image Lazyloader — модуль для ленивой загрузки картинок, подходит для версий Drupal 7.12 и выше.
Lazy Pane — плагин загружает картинки по требованию со стороны клиента из кэша, через AJAX.
Другие модули в списке для Drupal
Как проверить ленивую загрузку
При настройке lazy loading нужно убедиться, что поисковые системы распознают и индексируют контент, которые загружается асинхронно. Обычно для локальной проверки используют скрипт Puppeteer.
Команды для проверки и запуска скрипта:
git checkout <a href=»https://github.com/GoogleChromeLabs/puppeteer-examples» class=»redactor-autoparser-object»>https://github.com/GoogleChromeLabs/puppeteer-examples</a> cd puppeteer-examples npm i node lazyimages_without_scroll_events.js -h
По окончанию проверки посмотрите на получившиеся скриншоты — на них должен быть виден весь контент, который должен индексировать гуглбот.
Еще интересное: Как оптимизировать показатель LCP — время отрисовки самого крупного элемента страницы Как оптимизировать CLS — сдвиги макета страницы Как оптимизировать FID — еще один показатель Core Web Vitals
Что вы думаете о методе отложенной загрузки? Будем рады, если вы поделитесь своими мыслями и опытом!
Всю рабочую неделю в комментариях к посту мы собирали вопросы о контентной стратегии, работе с блогом, текстами и разными форматами контента.
Над вопросами работала
Катерина Ерошина
Главный редактор блога Promopult, специалист по контенту, спикер профильных конференций.
Вопросов задали много, Катерина выбрала самые интересные, которые будут полезны многим читателям, не требуют часовой лекции или детального изучения статистики конкретного сайта. Вопросы по оптимизации мы передадим следующему эксперту рубрики, в этом выпуске обсуждаем контентную стратегию и ведение блога.
Автор самого интересного вопроса получит подарок, о нем в конце материала.
Ответы на вопросы читателей
Elena_Zhmurina спрашивает:
«В каких ситуациях компаниям не нужно вести блог, писать статьи?»
Если сеошники молчат и не требуют создания блога для сбора трафика по информационным запросам — сайт достаточно оптимизирован, приносит вам достаточно заявок, все норм. Тогда в блог можно не вкладываться. Но ситуация очень редкая.
Если вы используете другие каналы привлечения клиентов и вам хватает, блог можно отложить на потом, как средство масштабирования.
Блог можно заменить активностями в соцсетях — по сути, вести внешний микро-блог там.
Большая масса разнообразных и недорогих товаров в интернет-магазине. Тут вы просто разорветесь, выбирая темы и пытаясь закрыть какие-то потребности узких сегментов.
«Чем отличается блог компании в B2B и B2C-сфере?»
Тематикой, тональностью, стратегией. В В2С блог делать, пожалуй, проще, так как свою ЦА легко определить и их проблемы будут соразмерными. В В2В нужно больше копать, разбираться в том, как принимается решение, какая информация вообще интересна ЛПР, нужен ли блог вообще, и что там должно быть.
arty246 спрашивает:
«Расскажите, пожалуйста про оптимизацию блога Промопульт. Как выстроен процесс оптимизации статей, где в нем ваше место как главного редактора?
cvirel2019 спрашивает:
«Вы вставляете ключи в заголовки статей? По какому принципу? Как вообще сеошится статья в блог?»
Ответ сразу на два вопроса:
Вот тут мы подробно написали об этом.
Redfoxnat спрашивает:
«Как определить, какие KPI вводить для блога, и как найти значения, которых нужно достичь?»
Вот несколько хороших ответов по теме.
maxklim спрашивает:
«Какой самый удобный способ навигации по блогу? разделы+теги, множество категорий или что-то еще?
Универсального ответа нет)
Традиционно — рубрикатор и теги. Рубрикатор по большим темам, теги/фильтры — по более узким темам. Чем больше вы навешаете разных списков, тем больше размывается внимание, так что лучше сделать хороший поиск по блогу, чем громоздить поверх рубрикатора и тегов еще и разные категории.
IDudnyk27724 спрашивает:
«Здравствуйте! У нас сервис по образованию за границей. С первого взгляда кажется, что надо писать про страну, советы различные… но тогда все как-то вразнобой, интерес какой-то выборочный. Какой контент лучше давать в блог? И как придать контенту «сериальность», чтобы ждали новый статей? Спасибо!»
Подход «надо писать про страну» слишком размытый. Писать про образование в стране. Серийный контент вы можете сделать, если будете последовательно разбирать процесс получения образования в одной стране. Как выбрать, затем как готовиться, затем — какие документы и узкие места, затем — ну вы приехали, что вам понадобится, интервью с теми, кто уже учится, и т.п. Это серия статей, и в каждой — практические советы.
С другой стороны — статьи можно сделать по направлению образования. Как быть, если вы хотите учиться на юриста (условно). В каких странах какие условия, где преимущества и какие. А потом перелинковать эти статьи с серией про образование в стране.
alfasaiya спрашивает:
«Добрый день, Катерина! Есть ли у Вас какой-то специальный подход к формированию контент-плана? Есть ли какие-то методики или интересные способы?»
Тут все есть)
airwaves спрашивает:
«Как вы находили самых успешных авторов блога и как измеряли успешность публикаций?»
Тесты, много тестовых, много просмотренных блогов и соцсетей. А потом просто везет.
Успешность публикации измеряется в моменте — числом просмотров/комментов/шеров, в перспективе — устойчивым органическим трафиком, по итогу — числом заявок и регистраций.
Juiseed спрашивает:
«Никому уже не секрет, что люди все больше уходят за информацией на youtube. Как вы видите развитие «текстовых» сайтов через 5-10 лет?»
Я думаю, скорее стоит говорить об интеграции всех каналов. Люди, помнится, делятся на визуалов, аудиалов и кинестетиков — и под каждый тип восприятия нужен свой контент.
Очень хочется, чтобы через сколько-то лет умерли навсегда тупые контентные помойки, но это из области фантастики.
Natalia88 спрашивает:
«Как сделать блог одновременно информативным и продающим? С одной стороны, задача блога — демонстрировать экспертность, формировать доверие, давать полезную информацию, с другой стороны, нужно, чтобы читатели превращались в покупателей, но так, чтобы не впаривать им товары напрямую. Что делать? Обзоры, юзеркейсы? Как соблюсти баланс между информативностью и коммерческой выгодой?»
Продавать в блоге вам никто не запрещает. Просто добавляйте нативные рекламные врезки в информационные статьи — это легко реализовать.
Вспомните правило Парето и чередуйте 80% полезности и 20% продаж.
Попробуйте вообще перестать продавать) Все равно же на сайте висят формы сбора заявок и в меню есть переходы в каталог. Кому надо — дозреют и купят.
Николай Долгих спрашивает:
«Добрый день! Есть интернет-магазин продовольственных товаров, но мало клиентов, контекстная реклама и SEO есть, но конкуренция высокая, нужен дополнительный трафик. Как вы считаете, раздел со статьями для данного магазина может быть полезным?»
Не думаю, что стоит рассчитывать на блог как на спасение. Раздел со статьями может дать вам сколько-то посетителей, которым нужно найти рецепт запеченных баклажанов или способы правильно хранить тыкву зимой. Но не покупателей, которые кинутся скупать ваши товары. Локальное SEO, оптимизация контекстной рекламы, хороший таргет в соцсетях — очевидные советы в таком случае. Например, можете почитать статьи из этой сборки.
petrovich2 спрашивает:
«А какому бизнесу точно не нужен блог? Вот прям слив денег будет».
В очень узком сегменте, где работает по большей части сарафан и число ЛПР реально мало (например, вы оказываете очень сложную услугу в специализированной сфере).
Интернет-магазину с широким ассортиментом и невысоким средним чеком.
В прикладных темах типа аренды строительной техники или продажи комбикормов — кому и что вы тут будете рассказывать в блоге)
viktor-mich спрашивает:
«Какого объема должны быть статьи в блоге интернет-магазина?»
Спросите сеошников, каков должен быть оптимальный объем. Тут тренды все время чуть «пляшут», от 3000 до 7000 знаков. Идеальный ответ: пока есть о чем рассказывать.
NatTi спрашивает:
«Предоставляем онлайн-услуги для бизнеса (исполнение поручений любой сложности). Как определить контент-стратегию и где её можно использовать, кроме сайта?»
Контент-стратегия как раз и делается в расчете на все каналы, включая сайт. Без дополнительной информации сказать вам, как сделать стратегию, я не могу. Вложитесь однажды и пригласите консультанта. Или почитайте больше по теме и сделайте сами. По сути, КС определяет, для кого (ваша ЦА) и о чем вы будете писать. Чтобы ответить на эти вопросы, нужно поглубже разобраться в теме.
Kattyha спрашивает:
«Нет возможности писать много статей, что лучше: завести свой блог и постить изредка статьи или выбирать для публикации крупные сайты, такие как VC.ru? У тематических сайтов есть преимущество в виде большого трафика, оттуда могут быть переходы, а на своем сайте нет цензуры и можно открыто рекламировать свои услуги. Подскажите, какие еще могут быть плюсы и минусы у этих подходов? Осилим 2-3 статьи в месяц».
Протестируйте оба подхода и выберите тот, что даст лучший выхлоп. Или спланируйте для себя 4-6 статей в блог, затем 1 на внешние сайты, потом снова так же, это почти универсальная схема. Сработает ли у вас — без дополнительных данных и проверки гипотез сказать нельзя.
andre-sivkov спрашивает:
«Где вы берете авторов?»
Я бы хотела клонировать, это идеальный способ найти еще годных авторов, но пока не получается. Ищу. Тестирую. Снова ищу. Всем рекомендую канал @normrabota в Телеграме и вообще редакторские каналы.
alexs2 спрашивает:
«Какая команда должна быть, чтобы делать контент для крупного инвестиционного проекта?»
Главный редактор, может быть второй редактор, 4-5 авторов, контент-менеджер, иллюстратор, где-то рядом должен быть программер, чтобы делать разные штуки для контента, плюс таргетолог и емейл-специалист. Число авторов может быть больше — за счет привлечения фрилансеров.
tatiana matantseva спрашивает:
«Что лучше с точки зрения оптимизации ресурсов: 10 коротких текстов — качественных заманух или один лонгрид?»
Не знаю. В одном случае короткие тексты, в другом — лонгрид. Зависит от.
Короткие «заманухи»:
либо вы пишете на прогретую аудиторию, знакомую с продуктом,
либо четко таргетируетесь на конкретную проблему, которую закрываете продуктом;
«некогда объяснять, покупайте, а то протухнет».
Лонгрид:
длинный цикл принятия решения;
низкий уровень доверия в нише;
сложный/незнакомый продукт;
Все сразу по ресурсам:
Посты-заманухи вам быстро настрогает маркетолог, легкий на руку, или внутренний автор пару штук напишет, а потом рерайт шило на мыло, выгоды на преимущества и в путь.
Лонгрид вы будете долго планировать, долго собирать материалы, автор будет долго писать, а вы редачить, потом долго верстать и вычитывать. Так что пока лонгрид будет делаться, ваши заманухи уже успеют открутиться и показать результат какой-то.
klovanov_sersh спрашивает:
«Что вы думаете про LSI — надо что-то делать специально в тексте?»
Хороший тематический текст сам себе LSI. Плохой текст и набор LSI-слов не спасет.
Viktor-filipov спрашивает:
«Сколько вы платите своим копирайтерам?»
Выше рынка.
Подарок за вопрос
Эксперт выбрал вопрос пользователя IDudnyk27724, он получает промокод на месяц бесплатного использования тарифа «Профи» сервиса «Анализ сайта» от PR-CY. Мы вам напишем и передадим промокод.
Пост для ваших новых вопросов и анонс следующего эксперта скоро появятся в блоге и в соцсетях.
Мнение редакции PR-CY может не совпадать с мнением приглашенного эксперта
Чтобы компания приносила прибыль и стала известна среди потенциальной аудитории, необходимо уделить внимание фирменному стилю бренда, а особенно — названию и логотипу. Это то, что создаст узнаваемый образ на рынке и позволит отличаться от других.
Чтобы создать запоминающийся логотип, можно обратиться к дизайнеру или попробовать сделать его самостоятельно. В статье остановимся на втором варианте и расскажем о пяти бесплатных сервисах для быстрой разработки логотипа.
Turbologo
Сервис Turbologo — русский простой и удобный лого-мейкер, позволяющий создавать логотипы за несколько минут.
Понятный интерфейс делает процесс создания лого удобным даже для неподготовленных пользователей. Достаточно большая библиотека шрифтов и более миллиона иконок позволяют получить логотип, максимально подходящий тематике и характеристикам бренда.
Пользователь в интерфейсе указывает свои предпочтения, а сервис генерирует несколько уникальных вариантов. В итоге есть возможность выбрать один из готовых знаков или доработать его с помощью встроенных инструментов.
TailorBrands
Tailorbrands — сервис для автоматизированного создания логотипов. На этапе разработки пользователь указывает информацию о компании и выбирает тип итогового знака: только текст, только изображение или смешанный вид.
Помимо большого каталога иконок и стилей для логотипа в сервисе есть инструменты для создания дизайна презентаций, визиток, мерча и других необходимых бизнесу продуктов.
Работает примерно так же, как и предыдущий сервис — пользователь указывает название компании и предпочтения по дизайну, а сервис генерирует картинку. Можно дорабатывать отдельные детали фирменного знака — шрифты, значки, цвета, текст. Результат работы можно загрузить в разных форматах.
Logo Maker
Приложение LogoMaker позволяет за несколько минут создать фирменный знак в соответствии с требованиями пользователя.
Сервис предоставляет выбор из более сотни шрифтов и цветов, а также дает возможность создавать неограниченное количество логотипов. Удобный поиск позволит быстро найти нужные варианты элементов лого. Кроме того, LogoMaker содержит более 10 000 шаблонов различных тематик.
Недостаток сервиса — отсутствие разумных алгоритмов, позволяющих разрабатывать фирменный знак автоматически. По сути, этот конструктор имеет вид библиотеки кастомизируемых логотипов. Поэтому разработать по-настоящему уникальный лого вряд ли получится.
Logomakr
Сервис Logomakr не дополнен русскоязычной локализацией, что может вызвать затруднения у клиентов из России и СНГ. Искать нужные элементы для дизайна лого тоже придется на английском.
Лого-мейкер Logomakr позволяет детально корректировать выбранную иконку, добавлять к ней текст и изменять цвет. Также сервис предлагает пользователям большой выбор шрифтов, которые для удобства разделены по стилям.
Основной недостаток сервиса — потребуется указать, что логотип разработан с помощью Flaticon from Freepik. Это делает невозможным применение созданного знака нигде, кроме собственного сайта.
Withoomph
Разработка с помощью сервиса Withoomph, как и в предыдущих вариантах, происходит на основе указанных предпочтений пользователя. На главной странице нужно ввести название компании и ключевые слова, в соответствии с которыми будут предложены варианты иконок для логотипа. В основном сервис направлен на создание простых фирменных знаков, из-за чего создать уникальный и продуманный лого вряд ли получится.
В конце процесса разработки сервис выдаст несколько вариантов логотипа, один из которых можно скачать или продолжить его редактирование.
Withoomph позволяет на этапе создания изменять шрифт, цвет и отдельные элементы лого. Однако возможности редактирования довольно ограничены.
Вместо итога
Разработчики сервисов постарались максимально упростить процесс создания лого, но в любом случае, автоматически сгенерированная картинка может не соответствовать вашим ожиданиям. Это удобный вариант для небольшого бизнеса с ограниченным бюджетом или в случае, если времени на разработку очень мало. Если логотип будет не достаточно хорош, то прийти с таких эскизом к дизайнеру за доработкой будет заметной экономией времени для обоих.
Немаленькие $200 тыс. получит тот, кто победит на двух этапах конкурса, конечной целью которого является создание эффективного алгоритма ранжирования новостных материалов в Telegram. Соответственно, победа лишь на одном из этапов принесет сто тысяч.
ТЗ конкурса сводится к таким основным пунктам:
научить алгоритм выделять тексты на двух языках: английском и русском;
отсеивать новости от других информационных материалов;
Отображение загрузки картинок на странице при скроллинге
Код страницы indexoid.com/speed
Фрагмент проверки скорости
Загрузка картинок при быстром скролле
Загрузка изображений при скроллинге
Тест скорости без плагинов для ленивой загрузки
Сравнение плагинов для lazy load
