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

Первая индексация Google Mobile

Цитата:

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

Содержание

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

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

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

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

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

Веб-сайты для настольных компьютеров и настольных светильников

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

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

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

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

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

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

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

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

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

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

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

2. адаптировать Ваш Веб-сайт

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7. Быстро загружаемые веб-сайты

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

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

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

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

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

9. изображения и первое индексирование Google Mobile

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

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

Первая индексация кодов и Google Mobile.

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

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

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

Загрузка фона и первое индексирование Google Mobile.

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

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

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

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

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

13. Адаптироваться к выживанию

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