SEO и JavaScript: 6 вещей, которые нужно знать

  1. Основные определения
  2. 1. Пусть поисковые системы увидят ваш JavaScript
  3. 2. Внутренняя ссылка
  4. 3. Структура URL
  5. 4. Протестируйте свой сайт
  6. 5. Снимки HTML
  7. 6. Задержка сайта
  8. Заключение

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

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

Хотя HTML, который работает с PHP, CSS и т. Д., Может быть прочитан сканером напрямую, доступ к веб-сайту на основе JavaScript невозможен сразу. Сканеры Google сначала анализируют DOM, и только после этого они отображают сайт.

Основные определения

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

  • JavaScript - это язык программирования, который делает веб-страницы динамичными и интерактивными. Вы можете поместить JavaScript в HTML-документ или сделать ссылку или ссылку на него.
  • HTML обозначает язык разметки гипертекста. Проще говоря, это организатор контента: HTML предоставляет структуру веб-сайта (списки, заголовки, подзаголовки, абзацы и т. Д.) И определяет статический контент.
  • AJAX - это асинхронный JavaScript и XML. По сути, он обновляет контент без обновления всей страницы. AJAX позволяет веб-приложениям и серверам взаимодействовать без вторжения на текущую страницу.

Тем не менее, вы должны отметить, что начиная со второго квартала 2018 года, Google больше не понадобится AJAX для рендеринга сайтов на основе JavaScript ,

Современный профессионал SEO должен также иметь базовое понимание DOM (объектная модель документа). Вы можете рассматривать DOM как инструмент, используемый Google для изучения и анализа веб-страниц.

Сначала Google получает HTML-документ и идентифицирует его элементы JavaScript. Затем браузер запускает DOM, позволяя поисковику отображать страницу.

Затем браузер запускает DOM, позволяя поисковику отображать страницу

1. Пусть поисковые системы увидят ваш JavaScript

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

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

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

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

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

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

Самый важный совет: используйте внутреннюю ссылку и даже не пытайтесь заменить ее событиями JavaScript при нажатии.

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

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

3. Структура URL

Веб-сайты на основе JavaScript, используемые для включения идентификаторов фрагментов в URL-адрес , но одиночные хеши (#) и хешбанги (#!) не рекомендуется Google ,

Настоятельно рекомендуется использовать PushState History API. Он обновляет URL-адрес в адресной строке и позволяет веб-сайтам JavaScript использовать чистые URL-адреса.

Чистый URL-адрес также называется удобным для поисковых систем URL-адресом, состоящим из простого текста, который легко понять неопытным пользователям.

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

Кроме того, изучить SEO лучшие практики URL и начать использовать их для улучшения пользовательского опыта.

4. Протестируйте свой сайт

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

Вот эксперимент Бартоша Горалевича это показывает, как робот Googlebot взаимодействует с JavaScript на разных платформах.

Это исследование помогает нам понять, когда пришло время беспокоиться и действовать активно.

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

Выполните следующие два основных шага, чтобы обнаружить возможные перерывы:

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

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

Протестируйте свой сайт, следуя это краткое руководство от Google ,

Закончены ли все ваши тесты и результаты выглядят многообещающими? Большой!

Но что, если что-то не работает?

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

Между тем, снимок HTML может спасти ситуацию.

5. Снимки HTML

Google представил снимки HTML в 2009 году и отклонил их в 2015 году. Это длинная история и постоянная тема.

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

HTML снимки может понадобиться в нескольких ситуациях, поэтому вы должны хотя бы ознакомиться с ними.

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

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

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

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

6. Задержка сайта

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

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

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

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

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

Проверьте, сколько времени занимает загрузка страницы с помощью Page Speed ​​Insights или других подобных инструментов. Проанализируйте результаты, чтобы увидеть, есть ли JavaScript, блокирующий рендеринг.

Вот несколько главных решений, чтобы решить это:

  • Добавьте JavaScript в HTML.
  • Добавьте атрибут «async» в HTML, чтобы сделать ваш JavaScript асинхронным.
  • Сократите элементы JavaScript в документе HTML.

Пытаясь улучшить ситуацию, имейте в виду основные правила JavaScript.

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

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

Заключение

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

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

Больше SEO ресурсов:

Имиджевый кредит

Фото в посте: Stock Snap

Похожие

Кент SEO
Я предоставляю услуги по поисковой оптимизации и поисковому маркетингу уже более 9 лет, и в первый же год получаю на 800% больше целевого трафика почти для всех моих клиентов. Если вы используете цифровой маркетинг для увеличения продаж в своем бизнесе и не пользуетесь услугами опытного SEO-специалиста, тогда вы просто оставляете деньги на соревнованиях - вы помогаете своим конкурентам, не действуя сейчас.
Майами SEO
Нужна SEO в Майами для вашего бизнеса? Сделайте свой бизнес веб-сайт выделиться в крупных городах США Получите отзывчивый сайт с высоким трафиком, вознагражденный Google Найдите в Интернете то, что вы делаете, увеличьте свою экспозицию Развивайте свой бренд и улучшайте свою прибыль
Создание сайта, SEO SEO, Technema, Париж
АНК ПЛАНИРОВАНИЕ - эксклюзивный партнер компании TECHNEMA, компания, специализирующаяся на программных
Роли SEO
SocialSEO является полноценной компанией Raleigh SEO. Мы работаем в Роли, штат Северная Каролина, в течение многих лет, и у нас есть команда преданных экспертов по SEO, которые хорошо разбираются в местном рынке. Наша команда поисковой оптимизации готова помочь вашему бизнесу расти. Являетесь ли вы небольшим предприятием, расположенным в районе Роли, или крупным брендом с местными связями, мы являемся SEO-консультантами, которым вы можете доверять.
Сан-Хосе SEO
Готовы работать с экспертом в Сан-Хосе SEO? Сделайте свой бизнес веб-сайт выделиться в крупных городах США Получите отзывчивый сайт с высоким трафиком, вознагражденный Google Найдите в Интернете то, что вы делаете, увеличьте свою экспозицию Развивайте свой бренд
Знакомство: SEO
Хотите узнать больше о людях, которые называют Enova домом? Мы задали нашим специалистам по SEO Патрику Маккарти пять наших любимых вопросов «лучше узнать вас», и вот что он должен был сказать: 1. Как вы пришли на работу в Enova? По сути, сотрудник Enova AbracaBABSra Davidson обманул меня. Мы работали вместе на предыдущей должности,
SEO поисковая оптимизация SEO оптимизация Продвижение сайта SEO поисковая оптимизация
Ищете услуги, связанные с SEO оптимизацией, продвижением сайта и поисковой оптимизацией? Имя Консалт цифровое агентство развитие в области SEO оптимизации . SEO - это процесс оптимизации сайта, чтобы показать большую часть контента сайта
Как структура сайта влияет на SEO
... URL Одним из основных факторов, влияющих на то, как структура сайта влияет на SEO, является структура URL. Несколько вещей, которые нужно знать для правильного SEO: Посторонние персонажи Вы когда-нибудь сталкивались с URL-адресами с такими символами, как: &, $, #,% или @? Если в URL много таких специальных символов, поисковым системам будет сложно сканировать сайт. Для лучшего рейтинга SERP используйте
🥇 🥇 5 советов по улучшению SEO на странице.
... вой веб-сайт 3 года назад? Должен ли я изменить его целиком?» Может быть, а может и нет, так как это в основном будет зависеть от того, Ваш сайт уже позиционирован или имеет приемлемую архитектуру . Если он сделан из каштана, и его подход был достаточно плохим с самого начала, очень вероятно, что вы должны дать ему новое средство для умывания лица. Имейте в виду, что все действия SEO Off Page, которые вы совершаете на своем сайте, будут в значительной
На странице поисковой оптимизации (SEO)
SEO на странице, вероятно, является наиболее важным процессом для повышения рейтинга сайта в различных поисковых системах и обеспечения успеха маркетинговой кампании в Интернете. Если ваш сайт не оптимизирован как для пользователей, так и для основных поисковых систем, ваш шанс на успех минимален. SEO на странице относится ко всем методам, которые вы можете применить на своем веб-сайте, чтобы помочь вам получить как можно более высокий рейтинг на страницах результатов поисковой системы
Мастер SEO Архивы
20 и 21 ноября я был в Сан-Паулу для Мастер SEO курс , Это были два полных дня, напряженные и очень,

Комментарии

С течением времени, и поисковые системы стали более мощными, SEO неизбежно развивалась, и, в рамках этого постоянно меняющийся цифровой ландшафт , это вопрос: важны ли SEO дружественные URL?
TYPO3 - это бесплатная система управления контентом (CMS), основанная на языке сценариев PHP. В дополнение к WordPress, Joomla или Drupal, TYPO3 CMS является одной из самых известных систем в мире, с более чем 500 000 установок по всему миру. Возможные базы данных, которые можно использовать: MySQL, MariaDB, PostgreSQL или даже Oracle. В отличие от многих других распространенных CMS, при использовании и настройке TYPO3 TYPO3 настроен на собственный метаязык TypoScript.
Не представляете, как работают поисковые системы и как вы можете повысить свой сайт в рейтинге?
Не представляете, как работают поисковые системы и как вы можете повысить свой сайт в рейтинге? На этой странице вы найдете обзор самых важных основных принципов поисковой оптимизации, как SEO можно использовать для повышения вашего сайта в Google и как SEO Geek может помочь вам получить больше прибыли. определение Прежде чем мы сможем позволить веб-сайту занять высокие позиции в поисковых системах, мы должны сначала понять, что в действительности
Вы начинаете в SEO и хотите позиционировать свой сайт в поисковых системах?
Вы начинаете в SEO и хотите позиционировать свой сайт в поисковых системах? Вот полное руководство по запуску вашей стратегии SEO в 2018 году. В этой статье вы найдете все основы, которые нужно знать, чтобы начать свою стратегию SEO. Определение SEO (SEO и SERP) SERP: SERP является аббревиатурой от «Страница результатов поисковой системы», которая относится к странице результатов поиска. SEO: SEO, или «Поисковая
Тем не менее, вы также разбираетесь во всех лучших практиках SEO изображения, SEO инструменты и ключевые вещи, чтобы знать о изображения и SEO ?
SEO: как SEO ваш сайт? 4,5 (89,52%) 21 голос
Почему вы не хотите, чтобы пользователи и поисковые системы как можно проще читали ваш URL?
Почему вы не хотите, чтобы пользователи и поисковые системы как можно проще читали ваш URL? Когда сила находится в ваших руках, нет причин не использовать ее в своих интересах. 4. Используйте дефисы и подчеркивания Варианты разделения слов в URL-адресе - использовать дефисы, подчеркивания или ничего не использовать. Настоятельно рекомендуется использовать дефисы. Это поможет улучшить читаемость URL-адреса, что облегчит его понимание людьми и поисковыми системами.
Почему поисковые системы не понимают мой сайт без SEO?
Почему поисковые системы не понимают мой сайт без SEO? Проще говоря, если основные поисковые системы не могут легко сканировать ваш сайт, то вы вряд ли будете ранжироваться. Ваш сайт должен быть легок для понимания поисковыми роботами, и ключевым элементом для поисковых систем, эффективно сканирующих ваш сайт, является хорошая архитектура сайта. Для более глубокого объяснения этого прочитайте нашу статью о SEO на странице
Почему вам нужно улучшить SEO вашего сайта?
Почему вам нужно улучшить SEO вашего сайта? Важность выхода на Google SEO или позиционирование в Интернете фокусируется на получении естественных или естественных результатов поиска , то есть, появляется в Google, когда пользователь ищет что-то о том, о чем он хочет получить информацию. Если ты не работаешь SEO консалтинговые услуги Независимо от того, сколько у вас есть веб-сайт
SEO SEO копирайтинг важен для вашего сайта?
SEO SEO копирайтинг важен для вашего сайта? Конечно потому что SEO копирайтинг это специализированная форма написания текстов или статей, которая содержит конкретные ключевые слова. Это слова, которые ваша целевая аудитория или потенциальные клиенты вводят в Google, чтобы найти информацию, которую они ищут. Современный SEO копирайтинг Современное SEO копирайтинг - это написание контента,
Ваш сайт находится в HTTP, и вы хотите передать его в HTTPS, не теряя в SEO ?
SEO SEO копирайтинг важен для вашего сайта? Конечно потому что SEO копирайтинг это специализированная форма написания текстов или статей, которая содержит конкретные ключевые слова. Это слова, которые ваша целевая аудитория или потенциальные клиенты вводят в Google, чтобы найти информацию, которую они ищут. Современный SEO копирайтинг Современное SEO копирайтинг - это написание контента,
Если вам нужно использовать специальные методы, чтобы ваш сайт появлялся в верхней части результатов поиска Google, не означает ли это, что каким-то странным образом вы обманываете?
Если вам нужно использовать специальные методы, чтобы ваш сайт появлялся в верхней части результатов поиска Google, не означает ли это, что каким-то странным образом вы обманываете? Ни в малейшей степени. В конце концов, Google необходимо учитывать множество факторов, чтобы помочь пользователям Интернета найти наиболее соответствующие сайты для их поисковых запросов. Не думайте о SEO как о чит-коде,
Все еще задаетесь вопросом, как привлечь более релевантные поисковые запросы на ваш сайт?
Все еще задаетесь вопросом, как привлечь более релевантные поисковые запросы на ваш сайт? Посещения, которые дадут вам больше запросов на ваши услуги / продукты? Не волнуйтесь и оставьте эти заботы мне, я буду рад помочь вам с SEO в Праге . Недостаточно просто создать веб-сайт, необходимо также оптимизировать его, чтобы его можно было отследить по ключевой фразе = я здесь . Я придерживаюсь мнения, что владельцы бизнеса / интернет-магазины должны

Но что, если что-то не работает?
1. Как вы пришли на работу в Enova?
Несколько вещей, которые нужно знать для правильного SEO: Посторонние персонажи Вы когда-нибудь сталкивались с URL-адресами с такими символами, как: &, $, #,% или @?
?вой веб-сайт 3 года назад?
Должен ли я изменить его целиком?
Не представляете, как работают поисковые системы и как вы можете повысить свой сайт в рейтинге?
Не представляете, как работают поисковые системы и как вы можете повысить свой сайт в рейтинге?
Вы начинаете в SEO и хотите позиционировать свой сайт в поисковых системах?
SEO: как SEO ваш сайт?
Почему вы не хотите, чтобы пользователи и поисковые системы как можно проще читали ваш URL?