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

* *

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 на новый уровень.

Com/?

Реклама

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

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

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

Федеральное агентство по туризму
Сафонов Олег Петрович

Украинские новости информационное агентство
© UNIAN.NET, 1998 - 2017 Все права соблюдены. Согласно статье 26 Закона Украины "Об информационных агентствах" право собственности на продукцию информационного агентства охраняется

Донецкое агентство новостей
Декабрь 14, 2018 12:25 Фото: Минкультуры ДНР. Донецк, 14 дек – ДАН. Почти 3800 человек за три с лишним месяца посетили в Донецке выставку «Великая Отечественная война в цифрах и фактах», посвященную

Про затвердження Порядку організації та проведення особистого прийому громадян у Державному агентстві резерву України, Міністерство економічного розви
МІНІСТЕРСТВО ЕКОНОМІЧНОГО РОЗВИТКУ І ТОРГІВЛІ УКРАЇНИ 24.09.2012  № 1041 Зареєстровано в Міністерстві |юстиції України 9 жовтня 2012 р. за № 1703/22015 Про затвердження Порядку організації та проведення

Сегодня в Информагентстве «НАШ ПРОДУКТ» состоялся круглый стол на тему: «Каков диагноз больничных касс?»
04 ноя 2010, 17:28    admin 0 комментариев    2 396 просмотров Участники мероприятия активно обсуждали вопросы создания больничных касс в Киеве с начала 2011 года, откуда

Федеральное агентство по рыболовству
  Официальное наименование Федеральное агентство по рыболовству   Официальное сокращенное наименование Росрыболовство   Действует на основании Положения, утвержденного Постановлением

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

Совместный проект Профессионалов.ru и "Секрета Фирмы" - "Банк решений". Кейс четырнадцатый - "Сеть без дыр"... — Бизнес-клуб
Уважаемые профессионалы, чуть более года назад мы запустили совместный с ведущим деловым журналом «Секрет Фирмы» проект по решению задач из реальнойбизнес-практики «Банк решений». Многие из вас уже успели


Реклама

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

Реклама

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

Реклама