Первая мобильная индексация

Цитата:

Выживает не сильнейший из видов, а наиболее приспособленный к изменениям.
- Приписывается Чарльзу Дарвину

Интернет все еще относительно новый и продолжает развиваться. Когда люди ищут информацию в Интернете, они больше не садятся за компьютеры и не набирают тщательно сформулированные поисковые запросы. С 2017 года около половины пользователей Интернета используют для поиска в Интернете не компьютеры, а мобильные устройства.

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

Хотя этот показатель варьируется в зависимости от региона, около половины глобальных пользователей являются доступ к Интернету с помощью мобильный устройств, по данным Statista.

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

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

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

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

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

Средний пользователь винит Google в этой неадекватности, потому что контент не соответствует тому, что описано в результатах поиска.

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

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

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

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

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

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

К счастью, существуют инструменты, которые помогают сделать этот переход на mobile-friendly проще, чем когда-либо. Кроме того, существуют инструменты, позволяющие измерить успех и выявить области, которые все еще нуждаются в улучшении.

Для того чтобы перейти к более удобному для мобильных устройств или Google mobile-first веб-сайту, необходимо использовать слово "отзывчивый". Отзывчивый веб-дизайн - это подход, который автоматически адаптирует представление веб-сайта в соответствии с платформой, ориентацией и размером экрана или окна пользователя.

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

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

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

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

Если вы не используете CMS, начните использовать набор инструментов, например Bootstrap. Bootstrap - это набор инструментов с открытым исходным кодом для веб-разработки с использованием HTML, CSS и JavaScript. Он помогает создавать отзывчивые сайты с индексом Google mobile-first, используя систему отзывчивых сеток, готовые компоненты фронтэнда и плагины.

Чтобы проверить свой новый дизайн, зайдите на страницу Google Mobile-Friendly Test и введите URL-адрес своего сайта. Вы получите отчет, в котором будет указано, насколько ваш сайт дружелюбен к мобильным устройствам, а также конкретные предложения по улучшению показателей.

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

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

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

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

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

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

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

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

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

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

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

На странице сайта Google Developers под названием Make the Web Faster ("Сделайте веб быстрее") говорится следующее советы, лучший-практические советы и ресурсы, которые помогут вам сделать загрузку вашего сайта более быстрой. Один из основных инструментов в этом наборе называется PageSpeed Insights. PageSpeed Insights показывает, что происходит с момента начала загрузки сайта до момента его загрузки, форматирования и представления на мобильном или настольном устройстве.

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

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