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

Цитата:

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

Нужна помощь в SEO?

Меня зовут Лукаш Железный, я основатель компании SEO.London. Я работаю в этой отрасли последние 20 лет.
Как SEO-консультант, я помог десяткам компаний.
Хотите улучшить свои результаты SEO?
Давайте обсудим этот вопрос по видеосвязи.

Приступить к работе

Адаптация к изменяющемуся поведению пользователей

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

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

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

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

Настольные и настольно-световые веб-сайты

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

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

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

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

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

Стратегия Google по первому мобильному индексированию

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

Как включить первую мобильную индексацию:

1. Измените дизайн вашего сайта

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

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

2. Адаптируйте свой сайт

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

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

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

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

3. Отзывчивые веб-сайты и первая мобильная индексация

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

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

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

4. Системы управления контентом (например, WordPress)

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

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

5. Наборы инструментов для веб-разработки (например, Bootstrap)

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

6. Инструменты для тестирования дизайна, дружественного к мобильным устройствам

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

7. Веб-сайты с быстрой загрузкой

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

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

8. Как обрабатывается веб-сайт

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

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

9. Изображения и Google Mobile First Indexing

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

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

10. Код и Google Mobile First Indexing

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

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

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

11. Фоновая загрузка и Google Mobile First Indexing

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

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

12. Инструменты для измерения и улучшения скорости

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

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

13. Адаптироваться, чтобы выжить

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