8. Скорость загрузки сайта

Скорость загрузки является критично важным параметром при продвижении сайта.

Дело в том, что пользователи привыкли к быстрой загрузке и их раздражает ситуация, когда сайт долго не открывается. Поисковые системы учитывают этот момент и в погоне за удовлетворенностью пользователей ставят на высокие позиции в выдаче только быстрые сайты.

Как измеряется скорость сайта

Поисковые системы могут весьма точно просчитывать скорость загрузки страницы, основываясь только на ее коде и размере скачиваемых файлов. Однако для измерения скорости используется и множество других источников, например, статистика браузеров (Google Chrome, Яндекс Браузер), плагинов для браузеров и систем веб-мониторинга.

Чем выше будет скорость загрузки страниц, тем лучше. В общем случае время ожидания не должно превышать 3–5 секунд, а хорошие показатели составляют до 0.7 секунды для времени скачивания исходного кода документа и до 0.2 секунды для времени ответа сервера. То есть ваш сайт должен загружаться меньше чем за секунду.

Оценить скорость загрузки помогут специальные сервисы. Самый популярный из них – Google PageSpeed Insights^[10], по оценке которого нужно набирать 90+ баллов и для мобильной, и для десктопной версии сайта. Помогут и другие сервисы анализа скорости загрузки веб-ресурсов, ссылки на которые легко найти в Интернете.

Работу по ускорению сайта должен выполнять профессиональный программист, результаты работы которого необходимо проверить с помощью специальных веб-сервисов и данных веб-статистики. Для общей информации приведем некоторые рекомендации, которые могут помочь выполнить задачу:

1. Использовать кэш браузера ^[11].

2. Включить сжатие^[12].

3. Удалить код JavaScript, препятствующий показу страницы^[13].

4. Оптимизировать код CSS^[14].

5. Сократить объем ресурсов (HTML, CSS и JavaScript)^[15].

6. Оптимизировать изображения^[16].

7. Оптимизировать время ответа сервера^[17].

Перечисленные рекомендации подходят для всех вебплатформ, поэтому их можно реализовать в первую очередь.

9. Оптимизация метатегов

Метатеги^[18] (от англ. meta tags) – это html-теги, предназначенные для предоставления структурированных метаданных (дополнительных, сопроводительных данных) о веб-странице.

Метатегов очень много, но большинство из них для практического поискового продвижения бесполезны, поэтому в данном разделе мы рассмотрим только те теги, которые способны реально повлиять на позиции сайта в поисковых системах.

Для диагностики проблем с метатегами можно воспользоваться сервисами для веб-мастеров Яндекса и Гугла. В них представлена информация о проиндексированных страницах, и можно легко увидеть явные проблемы (например, разделы с отсутствующими или повторяющимися метатегами).

Однако о скрытых дефектах метатегов поисковые системы не рассказывают: продвигаемый сайт будет просто ранжироваться ниже конкурентов. Поэтому изучению метатегов и правил их заполнения стоит уделить особое внимание.

Тег <title> (название страницы)

Хотя <title>^[19] с технической точки зрения не метатег, а просто тег, он часто используется вместе с метатегом <description>, поэтому обсуждать его мы будем именно в этом разделе^[20].

<title> многими исследователями считается чуть ли не вторым по важности фактором при ранжировании страницы (на первое место ставится текстовое наполнение). Такое утверждение спорно, однако тег точно нельзя недооценивать. Как правило, на его основе поисковая система формирует заголовок страницы, который пользователь видит на странице поисковой выдачи^[21]. Именно от него во многом зависит, какую позицию займет страница и перейдет ли на нее пользователь.

При заполнении тега нужно придерживаться следующих рекомендаций:

1. <title> должен отражать содержимое страницы.

2. В теле тега <title> должно присутствовать точное вхождение основного запроса, под который оптимизирована страница. Также в него можно включить вхождения второстепенных запросов и полезную информацию для пользователей (бренд, отзывы, цена, скидки, телефон, сведения о доставке). При этом нужно избегать переоптимизации (чрезмерного употребления) по главным и второстепенным ключевым словам.

3. Ключевые слова лучше размещать ближе к началу заголовка. Это влияет как на позицию в выдаче, так и на CTR (на такой заголовок больше кликают).

4. Текст заголовка должен быть осмысленным и привлекательным для клика. Нужно помнить, что именно его видит пользователь в результатах выдачи.

5. Весь заголовок рекомендуется вмещать в 70 символов, так как есть вероятность, что большее количество текста пользователь просто не увидит из-за ограничений верстки на странице выдачи поисковых систем. Приблизительно это 1–2 небольших словосочетания. Ограничениями можно пренебречь, чтобы разместить действительно важную для пользователей информацию (есть вероятность, что поисковая система покажет эту часть заголовка при вводе пользователем соответствующего запроса). При этом нужно помнить, что чем больше слов в <title>, тем меньше вес у каждого слова, поэтому чем заголовок содержательнее и короче, тем лучше.

6. Необходимо проанализировать заголовки успешных конкурентов, которые уже присутствуют в выдаче по нужным ключевым словам. Это не только поможет определить оптимальную длину заголовка, но и подскажет, какую информацию стоит в нем разместить.

7. <title> должен быть уникальным для всех страниц в пределах одного сайта.

Для больших сайтов часто кажется слишком трудоемким заполнение тега заголовка для всех страниц в ручном режиме. Зачастую это иллюзорное впечатление: объем усилий оказывается не таким уж большим и с лихвой окупается полученным эффектом.

Но если ручной режим представляется нецелесообразным, можно сгенерировать метатеги по шаблону. Подробнее мы поговорим об этом ниже.

Метатег <description> (описание страницы)

Метатег <description>^[22] описывает содержимое веб-страницы. Он также очень важен, так как на его основе поисковые системы зачастую формируют сниппеты, и, следовательно, от его качества напрямую зависит популярность сайта.

✍ На заметку

Сниппет – это небольшой фрагмент текста, который мы видим на странице поисковой выдачи вместе со ссылкой на сайт. Сниппеты напрямую влияют на кликабельность, и их оптимизации посвящен отдельный раздел в этой книге.

При формировании содержимого метатега < description> необходимо выполнять следующие рекомендации:

1. В теле < description> должно присутствовать точное вхождение основного запроса, под который оптимизирована страница. Также в него можно включить: вхождения второстепенных запросов и полезную информацию для пользователей (бренд, отзывы, цена, скидки, телефон, инфо о доставке и прочее). При этом нужно избегать переоптимизации (чрезмерного употребления) по главным и второстепенным ключевым словам.

2. Текст должен содержать призыв к действию и быть привлекательным для клика.

3. Желательно делать основное содержимое < description > короче 160 символов. Но нужно учитывать, что количество символов, которые выводятся в сниппете на странице с результатами поиска, может в любой момент измениться. Поэтому текст описания может быть и более 160 символов. Главное, чтобы это была полезная и нужная для пользователей информация. 160 символов – это 2–4 небольших предложения. Допускается, когда эти предложения взяты из текста на странице (желательно из верхней его части). Это почти гарантированно приведет к тому, что сниппет будет формироваться поисковыми системами именно на основе содержимого <description>.

4. <description> должен присутствовать на всех страницах и быть уникальным в пределах сайта.

5. Хорошим приемом повышения кликабельности сайта на странице поисковой выдачи может быть вставка в описании специальных символов и значков (самолет, телефон, решетка и прочее). О том как это сделать, можно легко найти информацию в Сети.

Шаблонизация

Для больших веб-проектов актуальна проблема ручного заполнения метатегов на всех страницах. Этих страниц просто слишком много, хотя выше мы отмечали, что часто эта проблема надуманная: на заполнение метатегов понадобится не так уж много времени, а затраченные усилия с лихвой окупятся хорошими позициями в поисковых системах.

Но если вопрос стоит остро, на помощь придут автоматические скрипты и конкатенация.

✍ На заметку

Конкатенация – операция склеивания объектов линейной структуры, обычно строк. Например, конкатенация слов «микро» и «мир» даст слово «микромир»^[23].

Заниматься написанием скриптов должны программисты, это технический вопрос. Важнее другой момент: как составить тексты для заголовков и описаний?

Универсальных рецептов нет, но важно понимать, что схема конкатенации – это составление шаблонов для определенных видов контента, где на место свободных полей можно подставить конкретные значения с каждой страницы.

Допустим, нужно заполнить метатеги для большого количества продуктовых страниц на сайте интернет-магазина парфюмерии. Для начала необходимо определить, как пользователи движутся по сайту. Пусть это происходит так: главная – категория – продукт. Эти три переменные необходимо заполнить.

Далее определяются дополнительные параметры и слова, которые важны для пользователей. Для этого необходимо проанализировать хвост низкочастотных запросов, который возникает при проверке основного запроса. Например, вот что мы видим при проверке в сервисе Яндекс. Wordstat^[24] категории «женские духи»:

Анализируем таблицу и выбираем то, что волнует покупателей женских духов (цена, фото, отзывы, купить…).

Переходим к построению шаблона заголовка. Например, для страницы с товаром он мог бы быть таким:

{название категории} {название товара} – купить в {название магазина}. Цена от {цена} р., фото, отзывы, доставка.

После подстановки всех переменных получим:

Женские духи Dia Woman – купить в магазине Beauty. Цена от 17 800 р., фото, отзывы, доставка.

С мета-описанием аналогично. Если на страницах сайта есть подробное описание товара – можно планировать схемы детальнее, включать больше параметров и полезной для пользователей информации.

Рекомендуется делать схемы для каждого раздела сайта. Чем детальнее их проработать, тем лучше, хотя стоит помнить о балансе затрат и полученных результатов.

Метатег <keywords> (ключевые слова)

На заре развития поисковых систем появилась красивая, но наивная идея о том, что веб-мастера будут сами подсказывать поисковым системам те ключевые слова, которым релевантна та или иная веб-страница.

Для реализации этой теории ввели метатег <keywords >, слова из которого имели серьезное значение при ранжировании документов.

Что произошло дальше, догадаться нетрудно. Веб-мастера и специалисты по продвижению начали запихивать в <keywords> все ключевые слова, по которым они хотели продвинуть сайт в результатах поиска. На релевантность никто не обращал внимания: зачем эти тонкости, когда можно было в короткий срок продвинуться по всем нужным коммерческим запросам?

Масштаб злоупотреблений достиг такой величины, что поисковые системы вынуждены были свести влияние <keywords> буквально до нуля, поэтому на данный момент заполнять этот тег бессмысленно.

Если тег все-таки заполняется содержимым (так сказать, на всякий случай), необходимо соблюдать простые правила. Содержимое <keywords> должно быть уникальным в пределах сайта, все ключевые слова должны быть релевантны странице, и их должно быть немного.

В противном случае поисковые системы могут воспринять содержимое метатега <keywords> как веб-спам и понизить сайт в результатах поиска.

Метатег <robots>

Данный метатег^[25] позволяет контролировать сканирование и индексирование сайта поисковыми системами. По умолчанию задаются значения «index, follow» (то же самое, что «all») – дополнительно их прописывать не нужно. Разные поисковики распознают разные значения тега, но универсальными являются два:

– noindex: запрещает индексирование страницы;

– nofollow: запрещает роботу переходить по ссылкам с этой страницы.

Эти значения можно комбинировать, разделяя их запятыми. Например, комбинация

<meta name=«robots» content=«noindex, follow»/> заставит робота поисковиков перейти по всем ссылкам на странице, но не индексировать ее содержимое.

Нужно отметить, что использование данного метатега, как правило, свидетельствует о проблемах со структурой сайта. С такими проблемами еще можно мириться на огромном портале, где регулярно возникают трудноустранимые с программной точки зрения «тупики» (страницы, представляющие мало интереса для пользователей и возникающие вследствие несовершенства архитектуры сайта). Но для небольшого проекта это недопустимо.

✍ На заметку

Данное правило является частным случаем другого, более универсального, принципа, который звучит так: «Пользователи и поисковые системы должны видеть одинаковый контент». Если на сайте возникают страницы, содержимое которых нецелесообразно индексировать поисковому роботу, необходимо задуматься о том, а стоит ли их «индексировать» пользователям сайта и какое впечатление такие страницы на них произведут? Не проще ли просто их убрать?

Остается добавить, что использование данного тега для управления индексированием менее предпочтительно по сравнению с правильным формированием файла robots.txt (о нем мы поговорим позже).