Специалист по SEO нуждается во все большем количестве технических знаний

1. JavaScript
2. 1. Ползание происходит реже и глубже
3. 2. Тяжелые сайты ставят под угрозу время загрузки
4. Прогрессивные веб-приложения (PWA)
5. Недоразумения о PWA
6. Нужен ли PWA?
7. Гарантия вашей стратегии SEO с техническими знаниями
8. Мобильный SEO в 2018 году

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

Знания о традиционных технологиях SEO и деятельности больше не достаточно, чтобы продолжать быть успешным в области поиска. Акцент на технологии, контент и авторитет все еще актуален, но для ориентированной на будущее деятельности SEO вы также должны учитывать четыре важных технических фактора: синтаксис (обеспечение доступности данных и контента на основе принципов поисковой системы), семантика (давая смысл и контекст этим данным), пользовательский опыт и ИИ. В этой статье мы объясним уровень опыта SEO-пирамиды на основе двух текущих технических разработок, JavaScript и Progressive Web Apps (PWA).

Рис. 1 Четыре слоя Пирамиды Ценности SEO

JavaScript

Чтобы предложить хороший пользовательский интерфейс и хорошие функциональные возможности, все больше и больше разработчиков выбирают JavaScript. С момента внедрения таких фреймворков, как Angular, можно создавать целые веб-сайты на JavaScript. Мы называем это одностраничные приложения (в отличие от многостраничных приложений, традиционный веб-сайт, построенный на HTML).

Рис. 2 MPA и SPA разница

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

1. Ползание происходит реже и глубже

С многостраничным приложением (MPA) каждая страница имеет свой собственный источник HTML. В одностраничном приложении (SPA) есть один источник HTML для всех страниц, который также будет пустым, если вы просматриваете его с точки зрения робота-обходчика. В конце концов, здесь нет метаданных, контента или ссылок, есть только ссылки на JavaScript и CSS.

Робот-обходчик должен будет использовать объектную модель документа (DOM) вместо источника HTML для SPA, динамическое представление страницы в браузере. Чтобы сделать это возможным, должен выполняться рендеринг на стороне клиента . Google может использовать это как единственную поисковую систему, но это занимает в пять раз больше времени, чем сканирование MPA.

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

Хотя Google может отображать JavaScript с помощью своей службы веб-рендеринга (WRS), эта служба основана на старой версии браузера Google Chrome. Эта версия не так продвинута, как браузеры, используемые в настоящее время посетителями сайта. Это означает, что робот Googlebot и другие поисковые роботы должны помочь.

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

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

Рис. 3 Различные формы рендеринга

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

2. Тяжелые сайты ставят под угрозу время загрузки

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

Время зарядки в Нидерландах не так сильно определяется сетью, потому что у нас 4G почти везде. Однако выполнение JavaScript со сложным приложением является проблемой. Менее мощные устройства требуют много усилий (читай: время) для рендеринга страницы SPA. Процессор смартфона пользователя является узким местом в производительности, и это вряд ли учитывается. В результате веб-сайт работает хорошо на настольном компьютере, но не был протестирован на смартфонах, которые использует целевая группа.

Рис. 4. Время обработки браузера для прикладного JavaScipt от cnn.com | источник

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

Вы можете легко увидеть, находитесь ли вы в опасной зоне. Google измеряет время загрузки страниц через Google Chrome. Таким образом, они смотрят на опыт реальных пользователей, в разных местах, устройствах и соединениях. Эти данные (для вашего собственного сайта и по сравнению с конкурентами) можно найти в отчете о пользовательском опыте Chrome (CrUX) и доступны в Google BigQuery.

Рис. 5 Панель управления производительностью на основе данных CrUX

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

С другой стороны, время загрузки страниц также влияет на конверсию. Более быстрые страницы приводят к увеличению продаж. Используйте Google Speed ​​Scorecard сравнить скорость вашего сайта со скоростью ваших основных конкурентов и рассчитать с Калькулятор воздействия сколько дополнительного дохода он получит, если ваш сайт станет быстрее, чем у самого быстрого конкурента.

Прогрессивные веб-приложения (PWA)

PWA появились как альтернатива родным приложениям для iOS и Android и значительно подняли планку мобильности. Адаптивные сайты, которые открываются на мобильных устройствах, обычно имеют базовый порядок: например, нет необходимости увеличивать масштаб, чтобы что-то прочитать, нет перенаправлений на нерелевантные страницы и легко дотрагиваться до нужной ссылки.

Рис. 6 преимуществ PWA

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

Недоразумения о PWA

Существует много недоразумений относительно использования и разработки Progressive Web Apps. Со следующими пунктами мы надеемся их несколько убрать:

• Каждый сайт может быть PWA;
• PWA может функционировать и чувствовать себя как нативное приложение, но построено с использованием таких веб-технологий, как HTML, CSS и JavaScript;
• PWA не обязательно должен быть одностраничным приложением, и нет необходимости использовать среду JavaScript (но это возможно);
• Даже с AMP можно разработать PWA;
• PWA предназначен для любого устройства, не только для смартфонов и, конечно, не только для Android;
• Из-за сильного внимания кешированию (на стороне клиента) PWA загружаются быстрее, более надежны и даже доступны, когда пользователь находится в автономном режиме;
• PWA не является фактором ранжирования для Google, но может предложить лучший пользовательский опыт и, следовательно, лучший ответ для пользователей Google.

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

Нужен ли PWA?

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

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

Гарантия вашей стратегии SEO с техническими знаниями

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

Мобильный SEO в 2018 году

С июля 2018 года более длительное ожидание (читай: более длительное время загрузки) означает более низкий органический рейтинг мобильных страниц. Это относится ко всем страницам и не зависит от используемой технологии. Эти и другие разработки оказывают большое влияние на успех мобильного SEO. Поэтому мы объединили эти события в белой книге. Хотите знать, каким требованиям должен соответствовать мобильный сайт в 2018 году? в наша белая бумага Прочитайте, как вы можете преуспеть в области мобильного SEO.

Похожие

Комментарии