Если вы не слышали об Mobile-First Indexing, значит, вы не единственный. За пределами кругов цифрового маркетинга такие термины, как SEO, рейтинг сайта и скорость страницы, почти ничего не значат. Однако как программист я бы сказал, что в ваших интересах узнать больше о том, как ваши веб-сайты воспринимаются поисковыми системами и как на них влияет поисковая оптимизация. Я считаю, что это расширит ваши навыки, улучшит вашу способность общаться с отделами маркетинга и сделает вас более ценным сотрудником. Итак, на этой ноте давайте взглянем на Mobile-First Indexing и на то, что это значит для вас как программиста.

Что такое индексирование?

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

  • Чтобы найти (через сканирование)
  • Для понимания и анализа (посредством индексации)
  • Для показа всему миру (через результаты поиска)

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

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

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

Имея все это в виду, Mobile-First индексация Google отдает приоритет мобильным сайтам для их первоначального анализа и каталогизации. Они начинают с оценки качества и авторитетности вашего мобильного веб-сайта; если мобильного сайта не существует, Google оценит настольную версию веб-сайта. Первоначально Google сначала оценивал версии для настольных компьютеров и ранжировал их соответствующим образом, но в 2016 году Google объявил, что они начинают экспериментировать со своими алгоритмами индексации, чтобы сделать их более ориентированными на мобильные устройства. Они призвали веб-мастеров начать создавать более отзывчивые веб-сайты, используя структурированную разметку как в мобильной, так и в настольной версиях, а также добавляя больше контента на мобильные сайты. Лишь в июле 2019 года Google официально начал индексировать все новыесайты с приоритетом мобильных устройств. Затем в сентябре 2020 года, в разгар пандемии, они совершили полный переход на использование mobile-first индексации на всех сайтах. Любые веб-мастера и SEO-специалисты, которые до этого момента не видели надписи на стене, безусловно, видели влияние на своих аналитических панелях. Для некоторых компаний падение органического рейтинга произошло почти за одну ночь.

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

Как JavaScript может повлиять на индексацию

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

Создание контента с помощью JavaScript

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

let section = document.querySelector(‘.section’);
let h2 = section.querySelector(‘h2’);
h2.textContent = ‘Loading Content’;
let p = section.querySelector(‘p’);
p.innerHTML = ‘Here is the content!’
let ul = document.createElement(‘ul’);
main.appendChild(ul);

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

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

Занимает слишком много памяти

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

window.countNCrooks = function (n) {
 let solutionCount = 0;
 let board = new Board({n: n}); 
 let allRows = board.rows();
 let rowIndex = 0;
 let colIndex = 0;
 let visited = [];
 let forksBoards = [];
 let forksCoordinates = [];
 …
 return solutionCount;
};

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

Замедление выполнения с помощью неиспользуемого кода

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

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

Без минимизации

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

Вы можете видеть, как много может сделать минификация всего в одном файле; представьте, какое влияние это может оказать на весь сайт.

Другие распространенные проблемы с индексированием JavaScript

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

  • Использование версий JavaScript или API, которые сканеры не распознают
  • Блокировка файлов с директивами no-index в robots.txt
  • Обслуживание файлов JavaScript через HTTP, в то время как веб-сайт использует HTTPS
  • Отсутствуют ошибки JavaScript, из-за которых сайт не загружается
  • Обслуживание неправильных кодов состояния, которые приводят к индексации страниц с ошибками.

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

Почему вы должны заботиться о поисковой оптимизации как разработчик? (Разве это не работа отдела маркетинга?)

Хотя большая часть SEO на странице находится в ведении профессионалов цифрового маркетинга, реальность такова, что это совместная работа как отдела маркетинга, так и отдела разработки. Понимание того, как работает индексация и SEO, означает, что вы будете принимать более разумные решения при планировании своих проектов. Это также поможет вам, если вы когда-либо занимаетесь собственным бизнесом или пытаетесь найти веб-сайт или приложение в Интернете. Наконец, никогда не помешает выделиться среди других приложений. Веб-разработчик, разбирающийся в SEO, может быть неотъемлемой частью небольших предприятий, которые часто хотят (или требуют), чтобы их сотрудники носили несколько шляп. Достаточно сказать, что никогда не помешает узнать немного больше.