1. Каков лучший дизайн экрана для дизайна в 2019 году?
2. ОБРАТИТЕ ВНИМАНИЕ: Google переходит к индексу « Mobile First » в 2019 году
3. Как я могу проверить на SEO проблемы на сайте?
4. Доля рынка браузеров для настольных компьютеров по всему миру
5. Доля рынка настольных компьютеров, мобильных устройств и планшетов в мире
6. Но…. Как я могу создать сайт, который выглядит одинаково в любом браузере и разрешении?
7. Старый совет стоит отметить
8. ПРИМЕЧАНИЕ: у Google есть алгоритм штрафа за пейджинг
9. ПРИМЕЧАНИЕ. У Google есть алгоритм штрафа для вставки и всплывающего окна.
10. ПРИМЕЧАНИЕ. Google заботится о пользователях на мобильных устройствах
11. Адаптивный шаблон сайта - хорошая ставка
12. Ваш мобильный сайт перенаправляет на другой URL и версию вашего сайта?
13. Игнорирование рекомендаций Google часто не является разумным шагом
14. ПРИМЕЧАНИЕ. Опыт пользователя на нескольких устройствах и разрешение экрана
15. Как устранить проблемы, обнаруженные в отчете Google Ad Experience
16. Будет ли изменение в отзывчивом мобильном сайте приведет к большему трафику от Google?
17. Как проверить важные проблемы с юзабилити на вашем сайте
18. Проверьте свой сайт на мобильность
19. Как сделать ваш сайт мобильным
20. отказ

Раскрытие : « Эта статья является личным мнением исследования, основанного на моем опыте почти 20 лет. На этой странице нет сторонней рекламы или монетизированных ссылок любого рода. Внешние ссылки на сторонние сайты модерируются мной . отказ , «Шон Андерсон, Хобо

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

Основываясь на приведенной выше таблице «Всемирная статистика разрешения экрана» (ноябрь 2016 г. - ноябрь 2017 г.) и диаграммах ниже, эти разрешения вам необходимо знать в 2019 году.

1. 360 × 640 - 21,54%
2. 1366 × 768 - 12,85%
3. 1920 × 1080 - 7,76%
4. 375 × 667 - 4,94%
5. 1440 × 900 - 3,32%
6. 1280 × 800 - 2,67%

Эти разрешения учитывают разрешения для настольных компьютеров, мобильных устройств и планшетов. Я уточнил эти данные (ниже), чтобы сосредоточиться на веб-трафике по всему миру , США и Великобритании .

Оглавление

Каков лучший дизайн экрана для дизайна в 2019 году?

Самый удовлетворительный ответ, который я когда-либо нашел, был: сначала дизайн для ВАШЕЙ аудитории, затем массы.

Это в основном то, как я прошел.

Но - ** Google, возможно, только что решил для всех по этому долго обсуждаемому вопросу **.

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

Цитата : Начиная с 21 апреля (2015 г.), мы будем расширять использование мобильности в качестве сигнала рейтинга. Это изменение повлияет на мобильный поиск на всех языках по всему миру и окажет значительное влияние на наши результаты поиска. Следовательно, пользователям будет проще получать релевантные высококачественные результаты поиска, оптимизированные для их устройств. GOOGLE

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

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

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

На данный момент - это, по сути, сейчас означает адаптивный дизайн сайта .

ОБРАТИТЕ ВНИМАНИЕ: Google переходит к индексу « Mobile First » в 2019 году

Теперь, когда Google намерен сосредоточиться на ранжировании сайтов на основе своего мобильного опыта, настало время, чтобы компании ДЕЙСТВИТЕЛЬНО сосредоточились на предоставлении максимально быстрого и доступного DESKTOP и MOBILE дружественного опыта, которого вы можете достичь.

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

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

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

Как я могу проверить на SEO проблемы на сайте?

Вы можете использовать такие инструменты, как общий (в частности, SEMRush Audit Tool ), SiteBulb Crawler , DeepCrawl , Кричащая лягушка или же SEO Powersuite Сайт Аудитор проверить на общие проблемы SEO.

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

Для справки приведен список текущих разрешений экрана во всем мире, зарегистрированных недавно (2017 г.):

Наиболее распространенные размеры разрешения экрана рабочего стола во всем мире

• 1366 × 768 - 29,25%
• 1920 × 1080 - 17,34%
• 1440 × 900 - 7,32%
• 1600 × 900 - 5,72%
• 1280 × 800 - 5,27%
• 1280 × 1024 - 4,51%

Самые распространенные в мире размеры экрана мобильного телефона - ноябрь 2016 - ноябрь 2017

• 360 × 640 - 41,11%
• 375 × 667 - 9,58%
• 720 × 1280 - 5,16%
• 320 × 568 - 4,55%
• 414 × 736 - 3,79%
• 320 × 534 - 3,46%

Самые распространенные в мире размеры экрана планшета

• 768 × 1024 - 57,99%
• 1280 × 800 - 5,89%
• 600 × 1024 - 4,6%
• 601 × 962 - 3,02%
• 800 × 1280 - 2,94%
• 1024 × 600 - 2,36%

Разрешения главного экрана в США (2017)

Самый распространенный размер разрешения экрана рабочего стола в Соединенных Штатах Америки

• 1366 × 768 - 20,1%
• 1920 × 1080 - 17,68%
• 1440 × 900 - 11,04%
• 1280 × 800 - 6,93%
• 1600 × 900 - 6,24%
• 1536 × 864 - 5,46%

Самый распространенный размер экрана мобильного телефона в Соединенных Штатах Америки

• 375 × 667 - 25,91%
• 360 × 640 - 25,01%
• 414 × 736 - 13,46%
• 320 × 568 - 9,57%
• 412 × 732 - 2,45%
• 412 × 846 - 2,13%

Наиболее распространенный размер разрешения экрана планшета в Соединенных Штатах Америки

• 768 × 1024 - 63,35%
• 1024 × 1366 - 3,52%
• 1440 × 900 - 3,28%
• 1280 × 800 - 3,28%
• 601 × 962 - 2,87%
• 600 × 1024 -2,18%

Главные разрешения экрана в Великобритании (2017)

Самый распространенный размер разрешения экрана рабочего стола в Великобритании

• 1366 × 768 - 24,56%
• 1920 × 1080 - 18,89%
• 1440 × 900 - 9,22%
• 1280 × 800 - 7,2%
• 1536 × 864 - 4,56%
• 1280 × 1024 - 4,03%

Самый распространенный размер разрешения экрана мобильного телефона в Великобритании

• 360 × 640 - 30,13%
• 375 × 667 - 25,59%
• 320 × 568 - 13,74%
• 414 × 736 - 6,44%
• 360 × 740 - 1,99%
• 412 × 732 - 1,97%

Наиболее распространенные размеры разрешения экрана планшета в Великобритании

• 768 × 1024 - 66,65%
• 1280 × 800 - 4,56%
• 600 × 1024 - 2,66%
• 800 × 1280 - 2,4%
• 1024 × 1366 - 2,28%
• 601 × 962 - 1,86%

Доля рынка браузеров для настольных компьютеров по всему миру

Доля рынка браузеров по всему миру

1. Хром - 55%
2. Сафари - 14,76%
3. UC Browser - 7,99%
4. Firefox - 6,1%
5. IE - 3,88%
6. Опера - 3,8%

Доля рынка настольных компьютеров, мобильных устройств и планшетов в мире

Доля рынка настольных компьютеров, мобильных устройств и планшетов в мире

1. Мобильный - 50,02%
2. Рабочий стол - 45,68%
3. Планшет - 4,3%

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

* Примечание. Приведенные выше статистические данные получены из одного (хотя и заслуживающего доверия) источника, поэтому могут быть искажены такими способами, о которых мы можем не знать. Графики предоставлены http://statcounter.com/ ,

Но…. Как я могу создать сайт, который выглядит одинаково в любом браузере и разрешении?

Ты не можешь

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

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

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

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

Я давно выбрал ОТВЕТСТВЕННЫЙ ДИЗАЙН с этим сайтом (и рекомендовал его в течение почти десяти лет), и я все еще тестирую свою новую адаптивную тему, чтобы увидеть, что лучше всего подходит для моих посетителей . Это может означать да - дизайн для настройки 1024 × 768 (например), НО ТАКЖЕ убедитесь, что он также хорошо выглядит или «изящно преобразуется», например, в настройку 800 × 600 или даже меньше. Или - как можно более изящно, по крайней мере, между устройствами.

Google предпочитает адаптивный дизайн, что является хорошей новостью для тех, кто его принял:

Цитата: «сайты, которые используют адаптивный веб-дизайн и правильно реализовать динамическая подача (включая весь контент и разметку рабочего стола), как правило, ничего не нужно делать ». Google NOV 2017

МОБИЛЬ В НАСТОЯЩЕЕ ВРЕМЯ - так что если вы разрабатываете новый веб-сайт в 2019 году - вы ДОЛЖНЫ подумать о том, насколько мобильным ваш веб-сайт действительно с самого начала.

Я стремлюсь сделать вещи простыми, когда я на самом деле кодирую вещи.

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

Из опыта я знаю, что для вас крайне важно определить СВОЮ аудиторию и устройства, которые они используют , и создать свой веб-сайт (в целом), чтобы соответствовать ЭТОЙ аудитории.

И эта аудитория теперь включает в себя GOOGLE.

Старый совет стоит отметить

Следить за последними тенденциями всегда интересно, но иногда стоит подумать и о старых советах.

Ваши страницы должны работать с любым разрешением . Jakob Nielsen (уважаемый эксперт по юзабилити) много лет назад официально заявляет:

• Оптимизируйте для 1024 × 768 , который был наиболее широко используемым размером экрана в течение длительного времени . Конечно, общая рекомендация - оптимизировать для наиболее распространенного разрешения вашей целевой аудитории, поэтому размер изменится в будущем. Теперь он может быть даже другого размера , если, скажем, вы разрабатываете интранет для компании, которая дает всем сотрудникам новые большие мониторы.
• Не проектируйте только для определенного размера монитора, если вы не были специально уполномочены сделать это - потому что размеры экрана варьируются среди пользователей. Изменчивость размера окна еще больше, поскольку пользователи не всегда максимизируют свои браузеры (особенно если у них большие экраны).
• Используйте жидкий макет, который растягивается до размера окна текущего пользователя (то есть избегайте замороженных макетов, которые всегда имеют одинаковый размер ).

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

Я обычно следовал совету Нильсена, что он должен быть лучшим при 1024 × 768, хотя это будет довольно устаревший совет в 2019 году. Приведенные выше диаграммы на этой странице могут вам помочь больше.

Три основных критерия оптимизации макета страницы для определенного размера экрана :

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

В рекомендациях по юзабилити также рекомендуется учитывать все три критерия во всем диапазоне размеров, постоянно изменяя размер окна браузера с 800 × 600 до 1280 × 1024.

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

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

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

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

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

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

ПРИМЕЧАНИЕ: у Google есть алгоритм штрафа за пейджинг

Представьте свой самый убедительный материал выше сгиба в любом разрешении - у Google также есть «Тяжелый Алгоритм Страницы» - я поднимаю больше такого рода проблемы в моем Google Panda Recovery публиковать, но вкратце, если у вас слишком много рекламы на вашей странице, или если платная реклама скрывает копию или вызывает другие неудобства для пользователей Google, ваша страница может быть понижена в результатах поиска:

«Это может повлиять на сайты, которые не имеют большого количества контента« выше сгиба ». Google :

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

ПРИМЕЧАНИЕ. У Google есть алгоритм штрафа для вставки и всплывающего окна.

Имейте в виду также, что Google сейчас (с января 2017 года) имеет штраф за вставку и всплывающее окно, поэтому ИЗБЕГАЙТЕ создать маркетинговую стратегию, основанную на этом.

«Вот несколько примеров техник, которые делают контент менее доступным для пользователя:

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

(2) Отображение отдельной вставки, которую пользователь должен закрыть перед доступом к основному контенту.

(3) Использование макета, где верхняя часть страницы выглядит аналогично отдельной вставке, но исходное содержимое было вставлено под сгибом. Google»

EXIT POP-UPS (подобно тому, который я использую на этом сайте) НЕ мешает читателям получать удовольствие и доступ к первичному контенту на странице. На данный момент, с этим типом всплывающих окон пока что все в порядке (и значительно увеличивают количество подписчиков).

ПРИМЕЧАНИЕ. Google заботится о пользователях на мобильных устройствах

Итак, что насчет крошечных экранов, таких как на мобильных устройствах?

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

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

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

Для каких браузеров и размеров экрана вы должны проектировать?

Посмотрите на графики выше. Проведите больше исследований. Используйте несколько источников (так как большинство систем статистики каким-то образом перекошены). Узнайте, что лучше для ваших посетителей или посетителей, которых вы надеетесь привлечь.

Подумайте об использовании Google Analytics или как я, Clicky , чтобы узнать, какие браузеры и размеры экрана ВАШИ посетители используют для доступа к вашему сайту, и подумайте о том, чтобы разработать новый веб-сайт для наиболее распространенных размеров, которые вы найдете.

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

Вероятно, вам лучше НЕ строить дизайн на основе ОДНОГО разрешения и пытаться найти решение, которое изящно преобразуется на самом большом количестве устройств.

Адаптивный шаблон сайта - хорошая ставка

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

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

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

Созданные должным образом, они, безусловно, могут изящно трансформироваться и часто доставляют удовольствие, но могут иметь и недостатки. Я все еще предпочитаю отзывчивый дизайн по сравнению с AMP (на данный момент).

Ваш мобильный сайт перенаправляет на другой URL и версию вашего сайта?

Ну, это не идеально в 2019 году. На самом деле никогда не было.

Давным-давно - некоторые люди использовали версии TEXT-ONLY для создания контента для пользователей / браузеров, которые не поддерживали элементы своих сайтов, - в (обычно тщетной) попытке сделать их контент более доступным.

W3C Я даже рекомендовал это, думаю, если все остальное не удалось

Должна быть предоставлена ​​только текстовая страница с эквивалентной информацией или функциональностью, чтобы веб-сайт соответствовал положениям этой части, когда соответствие не может быть достигнуто каким-либо иным способом. Содержание текстовых страниц должно обновляться при каждом изменении основной страницы. РАЗДЕЛ 508

ВСЕГДА идеально было предоставить один URL посетителю в целях доступности , и при доставке контента для мобильных устройств или смартфонов нет разницы, если вы думаете о создании «мобильной» версии вашего сайта. Это, конечно, вполне может быть ДАЖЕ БОЛЬШЕ, если Google переходит на МОБИЛЬНЫЙ ПЕРВЫЙ ИНДЕКС.

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

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

Таким образом, идеальная ситуация - доставлять один URL-адрес за все время .

Если у вас есть контент «для смартфона» (который мы видим как обычный веб-контент, так как обычно это обычная HTML-страница, просто измененная в макете для небольших дисплеев), вы можете использовать rel = canonical, чтобы указать на версию для настольного компьютера. Это помогает нам сосредоточиться на настольной версии для веб-поиска. Когда пользователи посещают эту настольную версию со смартфона, вы можете перенаправить их на мобильную версию. Это работает независимо от структуры URL, поэтому вам не нужно использовать субдомены / подкаталоги для сайтов на мобильных устройствах. Еще лучше, однако, использовать те же URL-адреса и показывать соответствующую версию контента без перенаправления Джон Мюллер, Google

Игнорирование рекомендаций Google часто не является разумным шагом

Цитата: Напомним, что в настоящее время наши системы сканирования, индексации и ранжирования обычно обращаются к версии контента страницы для настольных компьютеров, что может вызвать проблемы для мобильных поисковиков, когда эта версия сильно отличается от мобильной версии. Мобильная индексация означает, что мы будем использовать мобильную версию контента для индексации и ранжирования, чтобы лучше помогать нашим пользователям - прежде всего мобильным - найти то, что они ищут. Веб-мастера увидят значительно увеличенное сканирование Смартфон Googlebot и фрагменты результатов, а также содержание на Google кеш страниц , будет с мобильной версии страниц. Google Nov 2017

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

• Убедитесь, что мобильная версия сайта также содержит важный, высококачественный контент. Это включает в себя текст, изображения (с alt-атрибутами) и видео - в обычных форматах для сканирования и индексирования.

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

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

• Никаких изменений не требуется для связи с отдельными мобильными URL-адресами (сайты m.-dot). За сайты, использующие отдельные мобильные URL-адреса сохранить существующие ссылки rel = canonical и link rel = альтернативные элементы между этими версиями.

• Проверьте ссылки hreflang на отдельных мобильных URL-адресах. Когда используешь ссылка rel = hreflang элементы для интернационализация , ссылка между мобильным и настольным URL отдельно. Hreflang ваших мобильных URL-адресов должен указывать на версии других языков / регионов на других мобильных URL-адресах и аналогичным образом связывать рабочий стол с другими рабочими URL-адресами, используя там элементы ссылки hreflang.

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

ПРИМЕЧАНИЕ. Опыт пользователя на нескольких устройствах и разрешение экрана

Пользовательский опыт является важной частью успешной поисковой оптимизации в 2019 году - и важным фактором в Алгоритм Google Panda ,

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

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

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

Какие объявления раздражают?

• « тот, который неожиданно громит музыку » или
• « всплывающее окно поверх одной вещи, которую мы пытаемся найти »

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

Видео продолжает говорить:

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

Новый отчет об опыте рекламы в консоли поиска Google

Отчет об опыте рекламы является частью Google Search Console.

Отчет:

«позволяет легко находить раздражающие объявления на вашем сайте и заменять их удобными для пользователя».

Как устранить проблемы, обнаруженные в отчете Google Ad Experience

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

ПРИМЕЧАНИЕ. Какой тип рекламы раздражает пользователей?

Google заявляет:

«Отчет об опыте работы с объявлениями предназначен для выявления случаев, когда рекламные объявления нарушают Стандарты лучшей рекламы. Это набор рекламных услуг, которые отрасль считает очень раздражающими для пользователей. Если на вашем сайте есть нарушения, в отчете об опыте рекламы могут быть указаны проблемы, которые необходимо исправить ».

Специалисты Better Ads Standards ориентированы на следующие раздражающие объявления :

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

• Всплывающая реклама
• Автоматическое воспроизведение видеообъявлений со звуком
• Рекламные объявления с обратным отсчетом
• Большие липкие объявления

Мобильный веб-опыт

• Всплывающая реклама
• Автоматическое воспроизведение видеообъявлений со звуком
• Рекламные объявления
• Почтовые объявления с обратным отсчетом
• Плотность рекламы выше 30%
• Полноэкранный прокрутка объявлений
• Мигает Анимированная реклама
• Большие липкие объявления

Google говорит в видео:

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

Google предлагает некоторые решения для использования всплывающих окон, если вы заинтересованы

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

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

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

Следующие конкретные примеры взяты из Руководства по оценке качества Google.

6.3. Отвлекающие / разрушительные / вводящие в заблуждение названия, реклама и дополнительный контент

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

6.3.1 Объявления или СЦ, которые нарушают использование MC

Хотя мы ожидаем, что объявления и SC будут видимыми, некоторые объявления, SC или промежуточные страницы (т. Е. Страницы, отображаемые до или после ожидаемого содержимого) чрезвычайно затрудняют использование MC. Страницы, которые нарушают использование MC, должны иметь низкий рейтинг .

Google приводит несколько примеров:

• «Объявления, которые активно перемещаются по MC, когда вы прокручиваете страницу вниз, и их трудно закрыть. Может быть очень трудно использовать MC, когда он активно покрыт движущейся, трудно закрываемой рекламой ».
• «Промежуточная страница, которая перенаправляет пользователя от MC, не предлагая путь назад к MC».

6.3.2 Видное присутствие отвлекающих SC или рекламы

Google говорит:

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

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

Либо порно SC или Объявления , содержащие порно на страницах nonPorn может быть очень отвлекает или даже огорчает пользователей. Обновите страницу несколько раз, чтобы увидеть диапазон отображаемой рекламы и использовать свои знания о региональных и культурных особенностях, чтобы сделать свой рейтинг. Например, реклама сайта в разоблачающем бикини, вероятно, приемлема на сайте, где продаются купальные костюмы. Тем не менее, чрезвычайно графическое порно объявление может гарантировать низкий (или даже низкий) рейтинг «.

6.3.3 Вводящие в заблуждение заголовки, объявления или SC

Google говорит:

«Должно быть понятно, какие части страницы - это MC, SC и реклама. Также должно быть понятно, что произойдет, когда пользователи будут взаимодействовать с контентом и ссылками на веб-странице. Если пользователи введены в заблуждение, нажимая на Ads или SC, или если клики на Ads или SC вызывают у пользователей чувство удивления, обмана или растерянности, низкий рейтинг оправдан .

• На первый взгляд Ads или SC выглядят как MC. Некоторые пользователи могут взаимодействовать с Ads или SC, полагая, что Ads или SC - это MC. Адреса, по-видимому, представляют собой SC (ссылки), где пользователь может ожидать, что нажатие на ссылку приведет их к другой странице на том же веб-сайте, но фактически потребует их на другой сайт. Некоторые пользователи могут быть удивлены или смущены, когда нажимают SC или ссылки, которые ведут на страницу совершенно другого веб-сайта.
• Объявления или SC, которые побуждают пользователей нажимать шокирующие или преувеличенные заголовки, изображения и / или текст. Это может вызвать у пользователей чувство разочарования или раздражения, когда они нажимают и видят актуальный и гораздо менее интересный контент.
• Названия страниц или ссылок / текста в СЦ, которые вводят в заблуждение или преувеличивают по сравнению с фактическим содержанием страницы. Это может привести к очень плохому восприятию пользователя, когда пользователи читают заголовок или нажимают ссылку только для того, чтобы обнаружить, что страница не соответствует их ожиданиям. «

Здесь важно знать следующее:

«Резюме: Низкий рейтинг следует использовать для деструктивных или сильно отвлекающих объявлений и SC. Вводящие в заблуждение заголовки, реклама или SC также могут оправдывать низкий рейтинг. Используйте свое суждение при оценке страниц. Ожидания пользователей будут различаться в зависимости от цели страницы и культурных норм ».

... и что Google не отправляет бесплатный трафик на сайты, которые он оценивает как низкое качество .

Рекомендация: удалите надоедливую рекламу с вашего сайта.

Ссылки по теме

Будет ли изменение в отзывчивом мобильном сайте приведет к большему трафику от Google?

Не обязательно.

У меня фактически была моя рекордная неделя с точки зрения мобильного трафика, помеченного как органическая неделя за неделю до того, как я стал мобильным.

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

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

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

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

Google сказал, что этот дружественный к мобильным алгоритм будет иметь большее влияние на SERP, чем алгоритмы Google Penguin и Google Panda - и мы узнаем больше с течением времени.

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

Как проверить важные проблемы с юзабилити на вашем сайте

Инструменты Google для веб-мастеров

Вы должны иметь возможность отслеживать мобильные ошибки в консоли поиска Google (AKA Инструменты Google для веб-мастеров ) и увидите, что ошибки со временем исчезнут, если ваш сайт настроен правильно:

Проверьте свой сайт на мобильность

Протестируйте свой сайт, используя инструмент, используя этот инструмент , Вот объявление от Google ,

Обратите внимание, что прохождение теста Google на удобство для мобильных устройств не означает, что ваш веб-сайт автоматически удобен для пользователей. Чтобы сайт был еще более удобным для пользователей на мобильных устройствах - вы должны полагаться на технологии W3C - поэтому я бы порекомендовал вам использовать бесплатный инструмент (который временно приостановлен), предоставляемый W3c:

Эта программа проверяет различные тесты на веб-странице, чтобы определить уровень их мобильности. Тесты определены в mobileOK Basic Tests 1.0 Спецификация. Веб-страница является mobileOK, когда она проходит все тесты.

В настоящее время я привожу свой сайт в соответствие с w3c по мобильности и более общим веб-доступность рекомендации.

Как сделать ваш сайт мобильным

Часть 1 - PageSpeed ​​Insights, тест для мобильных устройств и мобильность

Часть 2. Видовые окна, масштабирование и плагины

Часть 3 - Нажмите цели, поля и размеры шрифта

Часть 4 - Перенаправления

Если вы хотите узнать больше о SEO, прочитайте мое руководство «Что такое SEO».

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

Больше чтения:

отказ

Отказ от ответственности : « Несмотря на то, что я приложил все усилия к тому, чтобы информация, которую я предоставил, была правильной, это не совет .; Я не могу принять на себя ответственность за какие-либо ошибки или упущения. Автор не ручается за сторонние сайты или любые сторонние сервисы. Посетите сторонние сайты на свой страх и риск. Я не имею прямого отношения к Google или любой другой третьей стороне. Этот сайт использует куки только для аналитики и основных функций сайта. Эта статья не является юридической консультацией. Автор не несет никакой ответственности за доступ к данным, представленным на этом сайте. Ссылки на внутренние страницы рекламируют мой собственный контент и услуги. Шон Андерсон, Хобо

Похожие

Комментарии