info@sitweb.ru
+7 (831) 414 16 89

Специалисты в области SEO – "search engine optimization", которые оказывают услуги продвижения сайта, выполняют внутреннюю и внешнюю поисковую оптимизацию.

Внутренняя SEO-оптимизация предназначена для ускорения продвижения в поиске путем улучшения качества сайта.


Как осуществляется SEO-оптимизация

Как и где изучить seo самостоятельно? Научиться продвигать сайты можно на практике, с помощью пошаговых уроков данного руководства.

Как правило, продвижение в Интернете с нуля осуществляется при помощи текстов. Для этого создается полезный контент, который размещается на сайте.

При этом до создания текстов seo-агентство выбирает основные ключевые слова, по которым планируется продвигать сайт в топ поиска. Эти слова размещаются в тексте статей.

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

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

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

Рекомендация: SEO-специалисты достигают наилучшей эффективности при совместной работе со всеми, кто работает над сайтом

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

Основные критерии оценки сео эффективности – конверсия, доходность, посещаемость.

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

Люди ищут в интернете интересный, познавательный, развлекательный контент в виде текстов, картинок, музыки, видео.

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

C чего начать изучение SEO? С изучения основных аспектов оптимизации с точки зрения пользы для людей и поисковых пауков:
1) как работают сайты;
2) как сайты сканируются поисковой системой;
3) как поведение пользователей на сайте влияет на поисковый рейтинг.

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

Интернет-поиск – это такое же соревнование, как в гонках "Формулы-1", во время которых смена шин и заправка топливного бака осуществляется за секунды.

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

1. Как работают сайты

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

Рассмотрим, как появляется страница сайта на экране компьютера: от покупки доменного имени до его отображения в браузере.

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

Образно говоря, интернет-сайт как айсберг.

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

90% айсберга в виде машинного кода, который выполняет команды посетителя сайта, не видно.

Учитывая эту сторону работы сайтов, важно, чтобы начинающие SEO-специалисты знали также следующие аспекты:

  • рендеринг влияет на время загрузки страницы. Скорость загрузки важна не только для удержания пользователей на сайте, но и является одним из факторов при оценке качества сайта со стороны поисковых алгоритмов.
  • поисковый робот Гугл сначала просматривает страницу без JavaScript. Только при "втором проходе", через несколько дней или недель, сканируются файлы JavaScript.

Это означает, что в индекс попадает далеко не всё. Ключевые SEO-элементы, которые прописаны на странице и которые используют технологии JavaScript, могут быть проигнорированы поисковой системой.

Представьте, что загрузка сайта в компьютер – это как процесс покупки товаров в магазине.

Здесь возможны 2 альтернативы:
1) покупки делаются быстро, недорого, оптимально. Перед посещением супермаркета составляется список нужных товаров. Выбирается самый короткий, удобный маршрут до магазина. Приобретаются все товары из списка. Покупки быстро доставляются домой. Так работают сайты из топ-10 поиска.

2) закупка происходит медленно, дорого, нерационально. Маршрут до магазина выбирается не короткий, а самый длинный. После приобретения первого товара, покупатель относит этот товар домой и возвращается в магазин за следующим товаром, пока не будут куплены все нужные товары. Так функционируют неэффективные сайты.

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

Для того, чтобы веб-сайт был доступен онлайн, его необходимо настроить

1) Сначала нужно купить доменное имя.

Доменные имена, такие как google.com, sitweb.ru, приобретаются у регистраторов доменных имен, таких как Ру-центр, GoDaddy или HostGator. Регистраторы – это компании, которые управляют резервированием доменных имен.

2) Домен или доменное имя связать с IP-адресом.

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

Сервер DNS связывает буквы имён сайтов, удобных для восприятия человеком, с числами, которые легко обрабатываются компьютерами.

Компьютер понимает только числа. Поэтому для распознавания сайтов используется набор символов из чисел и точек или IP-адрес, например, 127.0.0.1.

Как сайт загружается с сервера в браузер.


 Объектная модель документа и настройка сайта
Нажмите здесь, чтобы открыть изображение высокой четкости в новом окне.

1. Пользователь запрашивает домен.

Для того чтобы зайти на сайт, нужно набрать буквенное имя домена в адресной строке браузера или нажать ссылку. Если имя домена связано с IP-адресом через DNS, то сайт откроется.

2. Запросы делает браузер.

Запрос на открытие страницы запускает в браузере функцию поиска сервера DNS для преобразования буквенного имени домена в его числовой аналог или IP-адрес. Затем браузер запрашивает сервер – компьютер, где хранятся файлы сайта – для получения кода страницы, состоящего из файлов, например, HTML, CSS и JavaScript.

3. Веб-сервер отправляет запрошенные ресурсы.

Как только сервер получает запрос от пользователя, то он сразу отправляет файлы сайта в браузер пользователя.

4. Браузер конструирует страницу.

Получив файлы от сервера, браузер начинает конструировать страницу для отображения в браузере. Браузер анализирует и загружает все ресурсы веб-страницы для того, чтобы создать объектную модель документа DOM.

Как проверить код DOM:
- сначала нажать правую кнопку компьютерной мыши на странице в браузерах Chrome, Safari, Opera или Mozilla,
- затем выбрать в контекстном меню, которое появилось, опцию, которая называется "проверить элемент" или "просмотреть код".

5. Браузер выполняет окончательные запросы.

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

6. Веб-сайт загрузился в браузер.

Рендеринг или процесс визуализации осуществлен: сайт преобразован из кода в страницу, то есть в то, что видно в браузере.

Рекомендация: следует исследовать атрибут "async" для асинхронной загрузки файлов

С помощью атрибута "async" в скриптах JavaScript можно сократить основной маршрут рендеринга.

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

Атрибут "async" сообщает коду DOM, что можно начинать показывать страницу без загрузки всех файлов. При этом браузер продолжает загрузку скриптов, которые необходимы для полноценного отображения страницы.

Без использования "async" сайт появится на экране только после того, как загрузятся все скрипты, блокирующие процесс визуализации. В этом случае загрузка сайта существенно замедляется.

Эффективность "async" можно сравнить с работой касс в супермаркете. Без использования "async" работает только одна касса из всех доступных. С использованием "async" работают одновременно все кассы. Получается, что во втором случае, при наличии "async" эффективность работы магазина повышается в несколько раз.

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

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

Существуют три наиболее распространенных языка программирования сайтов:

  • HTML – что можно узнать на сайте. Теги "title", содержание контента.
  • CSS – как выглядит веб-сайт. Цвет, шрифты.
  • JavaScript – что можно делать на сайте. Интерактивный, динамический.

HTML: что можно узнать на сайте

Компьютерный язык программирования "HTML" обозначает язык гипертекстовой разметки. Он является основой для разработки сайта. При помощи HTML определяется порядок размещения таких элементов, как заголовки, абзацы, списки и контент.

Вот так выглядит пример веб-страницы и соответствующий ей HTML-код:

HTML и страница просмотра
Нажмите здесь, чтобы открыть изображение высокой четкости в новом окне.

Специалистам SEO важно знать HTML, чтобы разбираться в том, что находится "под капотом" любой страницы, которая оптимизируется.

Знания языка HTML не требуются, если используется система управления сайтом (CMS). В этом случае используются кнопки на панели инструментов, когда нужно создать или отредактировать статьи. С помощью кнопок добавляется новая страница, редактируется текст внутренних ссылок и так далее. Например, нажав на кнопку "вставить гиперссылку", создается ссылка без набора кода вида <a href ="" >.

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

CSS: как выглядит веб-сайт

Язык программирования "CSS" означает каскадные таблицы стилей. Именно данный язык запускает на веб-страницах определенные шрифты, цвета и макеты.

HTML был создан для описания контента, а не для его стилизации. С помощью CSS стало возможным быстро создавать единый стиль для сайта, "украшать" одновременно все веб-страницы сайта, без необходимости разработки стилей на HTML для отдельной страницы.

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

Теперь данная практика "скрытых ссылок" стала нарушением принципов качества Google.

SEO специалисты, которые оптимизируют компоненты CSS, в частности, должны учитывать следующее:

  • директивы стиля следует указывать не в коде HTML, а в отдельных внешних файлах с расширением CSS. В этом случае код страницы становится менее громоздким, уменьшается размер файлов для загрузки и сокращается время загрузки;
  • поскольку браузеру по-прежнему приходится загружать файлы CSS, поэтому их сжатие ускоряет загрузку страниц, а скорость страницы – это фактор ранжирования;
  • сайт поднимается выше, если страницы интересны для посетителей и объем пользовательского текста больше объема кода;
  • использование CSS для скрытия ссылок и контента может привести к тому, что сайт может попасть под фильтр Google.

JavaScript: что можно делать на сайте

В первые годы работы Интернета сайты создавались только с помощью HTML. Когда появился CSS, страницам можно было придать какой-то стиль. Когда стал использоваться язык программирования JavaScript, то помимо структуры и стиля веб-сайты обрели динамичность.

JavaScript открыл множество возможностей для создания нестатических веб-страниц.

Когда пользователь заходит на сайт, созданный с помощью java, то браузер при получении файлов с сервера сначала выполняет скрипты JavaScript и только затем показывает статический HTML. Сайт становится интерактивным.

JavaScript создает всплывающие окна, загружает сторонние ресурсы, рекламные объявления.

Но JavaScript может создавать и проблемы для SEO, так как поисковые системы воспринимают JavaScript не так, как обычные пользователи.

Рендеринг может осуществляться в двух плоскостях:
- на стороне пользователя,
- на стороне сервера.

Большинство JavaScript выполняется в браузере клиента.

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

Ключевые элементы SEO на странице, такие как текст, ссылки и теги, которые загружаются на стороне клиента с помощью JavaScript, но не представлены в коде HTML, не видны в коде страницы до тех пор, пока они не будут визуализированы. Это означает, что поисковые роботы при первом обходе не увидят то, что содержится в скриптах JavaScript.

Если робот не блокируется для сканирования файлов JavaScript, то гуглбот сможет правильно отобразить страницу.

Это означает, что робот Гугл должен видеть то же, что и пользователь видит в браузере. Однако в ходе "второй волны индексации", при которой выполнение JavaScript идет на стороне клиента, Гугл может пропустить некоторые фрагменты кода, которые доступны только после выполнения JavaScript.

Что является ошибкой в коде JavaScript с точки зрения Гугла:

  • робот Googlebot заблокирован в одном из ресурсов JavaScript, например, с помощью файла robots.txt;
  • сервер обрабатывает не все запросы поискового робота;
  • JavaScript слишком сложен или не соответствует стандартам Гугл, чтобы корректно выполнять код;
  • JavaScript не выполняет "ленивую загрузку" контента на сайт при посещении страницы поисковым роботом, а также при его движении по странице.

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

Как проверить, видит ли Google то же, что и посетители? Для этого следует использовать инструмент "Проверка URL" в Поисковой консоли Гугла. Если нажать на ссылки "Проверить страницу на сайте", "Изучить проверенную страницу", то открываются следующие опции:
- HTML,
- Скриншот,
- Ответ HTTP,
- Ресурсы страницы – какие файлы не загрузились,
- Сообщения из консоли JavaScript.

Далее следует провести внутреннюю оптимизацию, чтобы поисковые роботы Гугла и Яндекса могли легко сканировать страницы сайта.

2. Как сайты сканируются поисковой системой

В этом разделе описываются способы улучшения представления контента для поисковых систем.

Рекомендуется использовать микроразметку Schema при создании веб-страниц, чтобы поднять сайт в топ-10

Например, роботу требуется просканировать статью объемом 1000 слов о том, как редактировать фотографии. Как робот может быстро определить автора текста, программы для обработки изображений, функции программ или шаги, необходимые для редактирования текста на фото?

Если роботу указать, на что обращать внимание, то эффективность сканирования может увеличиться.

Поэтому была разработана микроразметка Schema.org. Она позволяет значительно облегчить поисковым системам

  • поиск конкретных слов для классификации текстов,
  • идентификацию информации, которая представлена на интернет-странице.

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

Процесс создания структуры данных часто называют "разметкой", поскольку контент размечается с помощью структурного кода. Семантическая разметка JSON-LD, созданная в мае 2016 года, рекомендована Google, поддерживается также поисковыми системами Яндекс и Bing.

Для того, чтобы просмотреть полный список доступных схем разметки, следует посетить Schema.org.

С помощью микроразметки можно выделить сайт в результатах поиска. Эти специальные функции называются "расширенные сниппеты". Вот примеры:

  • карусель "Главные новости",
  • карточки с отзывами критиков,
  • блоки с поиском ссылок,
  • рецепты.

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

Другие типы расширенных сниппетов, вероятно, будут добавлены в будущем, так как использование разметки Schema увеличивается.

Дополнительные советы для успешного использования семантической разметки:

  • Рекомендуется использовать несколько типов разметки Schema. Так, например, если отмечен один элемент, например, какой-либо товар, а на странице перечисляются другие товары, то следует разметить и эти товары.
  • Не рекомендуется размещать контент, который не виден посетителям сайта. Следует учитывать рекомендации Google по качеству.
  • Следует размещать только уникальный, новый контент на страницах структурированных данных.
  • Рекомендуется использовать наиболее подходящий тип разметки Schema.
  • Обзоры с рейтингами и оценками с семантической разметкой не должны быть фиктивными, то есть созданными по заказу. Отзывы должны быть подлинными, неоплаченными и от реальных клиентов.

Как использовать канонический параметр rel = canonical

Когда Google сканирует один и тот же контент на разных страницах, он иногда не знает, какую страницу выбрать для результатов поиска. Вот почему был изобретен тег "rel = canonical": чтобы поисковые системы лучше индексировали предпочтительную версию контента, а не все его дубликаты.

Тег "rel = canonical" позволяет сообщать поисковым системам, где расположена оригинальная, основная версия контента.

Данный тег сообщает поисковым системам, что страница имеет только один уникальный адрес URL.

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

Без канонического тега, сообщающего Google, какая версия веб-страницы является предпочтительной, могут создаваться дубликаты. Например, для поисковых систем страницы с и без "www" – http://www.site.ru и http://site.ru – являются разными.

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

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

Рекомендация: чем отличаются поисковые фильтры от ограничений по контенту

В интернете не существует такого понятия, как санкции за одинаковый контент на страницах с разными адресами URL. Тем не менее, следует стараться использовать тег "rel = canonical", чтобы дубликаты не приводили к проблемам с индексацией.

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

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

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

Например, это может функция сортировки, которая создает страницу для определенной категории товаров с ценовым параметром – от самой низкой до самой высокой цены. При этом создается URL-адрес, который выглядит примерно так: internet-shop.com/tovar1?sort=top.

В качестве критериев сортировки могут выступать дополнительные опции или фильтры, такие как цвет, размер, материал, бренд и так далее. Такое многообразие фильтров и возможностей сортировки ведет к созданию массы дублированного контента страницы основной категории товара!

3. Поведение пользователей на сайте

Как известно, SEO – поисковая оптимизация сайта. Но при решении вопросов в области SEO оптимизаторы думают как о поисковых системах, так и о пользователях.

Поисковые системы работают, так как существует пользовательский спрос.

Это обстоятельство дает ответ на вопрос, почему поисковый алгоритм Google поднимает веб-сайты, которые обеспечивают наилучшие условия для пользователей поисковой системы, и почему некоторые веб-сайты не могут подняться в топ поиска, несмотря на наличие качественного профиля обратных ссылок.

Обеспечение положительного пользовательского опыта для мобильных посетителей сайта

На сегодняшний день более половины всего интернет трафика дают мобильные устройства.

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

В апреле 2015 года Google обновил поисковый алгоритм, который стал ранжировать сайты, удобные для мобильных пользователей, выше сайтов, которые корректно отображают контент только для настольных компьютеров.

Как сделать, чтобы ваш сайт стал удобным для мобильных пользователей?

Google рекомендует создать мобильный адаптивный дизайн.

Адаптивный дизайн

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

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

AMP

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

Приоритетное индексирование мобильных версий сайтов

С 2018 года Гугл начал осуществлять индексацию, учитывая наличие мобильной версии сайта.

Это изменение вызвало некоторую путаницу между понятиями "приоритет мобильной версии" и "мобильный сайт". Поэтому полезно внести ясность в этот вопрос.

"Приоритет мобильной версии" – новый критерий в алгоритме поискового ранжирования Гугл.

Google использует критерий "Приоритет мобильной версии" при сканировании и индексации мобильной версии веб-страниц.

"Мобильный сайт" – сайт с адаптивным дизайном для обеспечения совместимости сайта с мобильными экранами, что полезно для пользователей и вашей эффективности в поиске.

Но индексирование с использованием критерия "приоритета мобильной версии" происходит независимо от наличия адаптированной версии сайта для смартфонов.

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

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

Разделение длинного контента для более легкого восприятия

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

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

Но для того, чтобы помочь Google понять взаимосвязь между вашими страницами с разбивкой по страницам, нужно предпринять несколько шагов. На подобных страницах следует проставить в ссылках разметку "rel = next" и "rel = prev".

Более подробно о разбиении на страницы вы можете узнать в официальной документации Google, но основные рекомендация таковы:

  • первая страница в последовательности должна иметь только разметку "rel = next".
  • последняя страница в последовательности должна иметь только разметку "rel = prev".
  • страницы, которые имеют как предыдущую, так и следующую страницу, должны иметь разметку как "rel = next", так и "rel = prev".
  • поскольку каждая страница в последовательности уникальна, не ставьте канонический тег с указанием на первую страницу в последовательности. Если на сайте имеется страница без пагинации, то на разделенных страницах следует использовать только один канонический тег с указанием страницы, где представлен контент без разбивки.
  • когда Google видит последовательность с разбивкой на страницы, поисковик отправляет пользователя на первую страницу статьи.

Рекомендация: разметка "rel = next/ prev" должна содержать анкорный текст и находиться в пределах тега ссылки <a href>.

Это помогает Google правильно сканировать "rel = next/ prev".

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

Google осуществляет поисковое продвижение контента, который загружается мгновенно.

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

Именно поэтому скорость страницы является одним из ключевых аспектов SEO. Скорость веб-страниц можно улучшить, если использовать рекомендации следующих инструментов:

  • Google PageSpeed Insights;
  • Инструмент Google для тестирования производительности мобильного сайта на thinkwithgoogle.com;
  • Google Lighthouse.

Картинки являются одной из главных причин медленных страниц!

Как известно, как картинки, так и фотографии являются одной из основных причин медленной загрузки веб-страницы!

Как улучшить SEO картинок:
- уменьшать их размер,
- оптимизировать текст для тегов "title" и "alt",
- выбирать правильный формат картинок,
- отправить файл Sitemap для картинок.

Также существуют и другие технические способы оптимизации скорости загрузки картинок.

Основные способы улучшения доставки изображений заключаются в следующем:

1) "SRCSET" позволяет обеспечить оптимальный размер картинки для каждого устройства

Атрибут "srcset" позволяет использовать несколько версий одной картинки, указывая, в какой ситуации какая версия должна использоваться. Этот фрагмент кода добавляется в тег "img" (в HTML там, где должна появляться картинка), чтобы можно было использовать уникальные картинки для устройств определенного размера.

Эта технология похожа на концепцию адаптивного дизайна.

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

Рекомендация: существует более трех версий изображений!

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

2) Для увеличения скорости отображения картинок сайта рекомендуется использовать ленивую загрузку

Ленивая загрузка запускается тогда, когда открывается веб-страница.

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

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

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

Это также помогает оптимизировать критический путь рендеринга! Поэтому, пока загружаются остальные файлы страницы, пользователь видит изображение с низким разрешением, которое сообщает пользователям, что движение идет и контент загружается. Для получения дополнительной информации о том, как следует использовать ленивую загрузку картинок, можно узнать, прочитав "Руководство Google по ленивым загрузкам".

Можно оптимизировать скорость за счет сжатия и объединения файлов

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

"Объединение" – еще одно общее понятие, которое можно услышать в связи с улучшением скорости страницы. Процесс объединения заключается в том, что множество файлов одного и того же языка программирования помещаются в один файл. Например, файлы JavaScript могут быть помещены в один большой файл, чтобы уменьшить для браузера количество файлов JavaScript.

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

Привлечение международного трафика

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

Существует два основных способа привлечения посетителей из других стран:

Язык

Веб ресурсы, предлагающие контент на разных языках, на которых говорят, например, в США, Англии, Германии или Швейцарии, считаются многоязычными. Подобные сайты должны использовать дополнительный тег hreflang, чтобы показать роботу Google, что страница имеет копию на другом языке.

Страна

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

Это можно сделать, если использовать домен верхнего уровня с соответствующим доменным суффиксом, например, для РФ – ".ru", или общего домена верхнего уровня с подразделом для конкретного языка, например, для русского языка – "example.site/ru", для английского языка – "example.site/en".

Источник: SEO