* РБК — новости

* *

SEO лучшие практики для JavaScript

  1. SEO лучшие практики для сайтов на основе JavaScript
  2. Отображение страниц в поиске Google
  3. Структура URL
  4. Внутренняя ссылка
  5. Загрузка контента
  6. Заключение

Я не знаю о вас, но здесь, в Catalyst, мы все еще взволнованы по поводу удивительных спикеров и проницательного контента, который вышел из TechSEO Boost 2017 , TechSEO Boost, организованная Catalyst, стала первой в отрасли конференцией, полностью посвященной техническому SEO. Он объединил ведущие умы отрасли, чтобы обсудить последние технические тренды SEO, тактику и инновации.

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

SEO лучшие практики для сайтов на основе JavaScript

Мы все знаем, что сканеры поисковых систем могут испытывать трудности при сканировании сайтов на основе JavaScript. В результате многие оптимизаторы пытаются вывести бренд-менеджеров, разработчиков и маркетологов из платформ на основе JavaScript. Но, давайте посмотрим правде в глаза, некоторые веб-сайты на основе JavaScript довольно приятные и обеспечивают отличный пользовательский опыт. Пришло время, чтобы оптимизаторы стратегически работали с JavaScript и помогали клиентам и веб-сайтам использовать лучшее, что может предложить технология. Макс Прин , Руководитель технического SEO в Merkle присоединился к составу TechSEO Boost, чтобы поделиться некоторыми тактиками и стратегиями, которые поисковые маркетологи могут использовать, чтобы помочь веб-сайтам на основе JavaScript получить больше видимости от поисковых систем.

Отображение страниц в поиске Google

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

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

Структура URL

Структуры URL - это первое, что сканеры видят при доступе к странице. Учитывая это, важно, чтобы ваш URL был доступен для поисковых систем. Тем не менее, URL-адреса страниц на основе JavaScript могут быть довольно уродливыми и затруднять сканирование поисковыми системами.

Используя Ajax, по умолчанию вы получаете URL, похожий на приведенный ниже:

Идентификатор фрагмента: example.com/#url

Это не идеально, потому что все после хэша не отправляется на сервер. Поисковые системы читают его как example.com, а не example.com/#url. Исправление к этому - hashbang (#!), Который был введен Google много лет назад. Хэш-банг был там, чтобы сообщить Google, что им нужно запросить другой URL, и этот URL является URL-адресом фрагмента с пробелом. Увидеть ниже:

Hashbang: example.com/#!url

Google и Bing запросят Example.com/?_escaped_fragment_=url

_escaped_fragment_=url

Идея заключается в том, что URL-адрес экранированного фрагмента должен возвращать HTML-снимок страницы, которую поисковые роботы могут индексировать, но они все равно будут отображать URL-адрес hashbang. Тем не менее, hashbang в конечном итоге вызывает много взад и вперед и путаницы. Ожидается, что Google в конечном итоге перестанет поддерживать URL-адрес фрагмента с пробелами.

Учитывая эти недостатки и изменения, в настоящее время рекомендуется использовать чистые URL-адреса и использовать функцию pushState History API. Таким образом, все боты и сканеры смогут следить за URL, и они будут выглядеть абсолютно чистыми.

Внутренняя ссылка

Это может показаться немного очевидным, но при создании внутренних ссылок используйте классическую <a href=veloperlink.html книг>. Это лучший способ, которым поисковые системы смогут сканировать и переходить по этим ссылкам. Внутренние ссылки очень важны на вашем сайте. Это дает вам возможность продвигать контент на вашем сайте. Если поисковые системы не смогут перейти по этим ссылкам, вы потеряете капитал.

Загрузка контента

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

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

Содержание с вкладками испытывает аналогичные проблемы. Может показаться хорошей идеей добавить контент с вкладками, потому что это ускорит время загрузки. Содержимое на вкладках 2, 3 и 4 может загружаться, пока пользователь перемещается по первой вкладке. Это похоже на отличный способ распространения загрузки контента. ОДНАКО, когда Google попадает на эту страницу и контент скрывается на этих вкладках, он будет утерян поисковыми сканерами. Даже если Google найдет контент на этих более глубоких вкладках, он будет обесценен, потому что это не показанный контент на странице. Лучше всего создавать отдельные страницы для каждой из этих вкладок.

Лучше всего создавать отдельные страницы для каждой из этих вкладок

Заключение

В конце концов, главная рекомендация Макса для аудитории заключалась в том, чтобы поисковые системы могли получать доступ к вашему контенту и читать его. Существует множество замечательных технологий, которые можно использовать, чтобы веб-сайт выглядел великолепно, но если поисковые системы не могут получить доступ к этому контенту, видимость обязательно снизится. SEO должны адаптироваться и обходить ограничения технологии, чтобы максимизировать видимость и трафик независимо от технологии. Вы можете посмотреть полную презентацию Макса, а также другие презентации TechSEO Boost Вот , И вы всегда можете написать нам на [email protected] чтобы научиться поднимать свое техническое SEO на новый уровень.

Реклама

Популярные новости

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

Агентство недвижемоти
Здравствуйте товарищи! С вами Саша Борисов! В своей прошлой статье « Пишу, пишу, а посетителей все нет и нет» я говорил о том, как писать статьи правильно, соблюдая все базовые правила seo

Франшиза страхового агентства
К Вашему вниманию франшиза страхового агентства — Точка Страхования. Основными направлениями деятельности являются реализация полисов ОСАГО и КАСКО. Что входит в франшизу• Техническая поддержка наших

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

Федеральное агентство по техническому регулированию
В 2003 году, 1 июля, вступил в действие ФЗ, определяющий основы технического регулирования. В рамках закона создана новая система установления норм для производственных процессов, продукции, услуг и работ.

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

Русское агентство новостей
Русское Агентство Новостей (РуАН) создано, как альтернатива разнузданному, повсеместному шабашу, развёрнутому в СМИ равнодушными, недалёкими, продажными и недружественными к нормальным людям персонажами,

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

Сдать квартиру через агентство
Почему стоит держаться подальше от агентств недвижимости Что бы ответить на первый вопрос и понять почему идея сдать квартиру через агентство не самая блестящая, мне придется процитировать книгу “6

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


Реклама

Календарь новостей

Реклама

Архив новостей

Реклама