Что мы узнали об использовании JavaScript для SEO

  1. Сначала пара основ ...
  2. Можете ли вы проверить, проиндексировал ли Google эти изменения?
  3. Насколько эффективен Google при индексировании JS-изменений?
  4. Сколько времени понадобится Google, чтобы проиндексировать изменения JS?
  5. Заключение

Энди Аллен

С тех пор как мы запустили Оптимизатор на месте в начале сентября, мы узнали много нового о том, насколько эффективен JavaScript в оптимизации важных элементов SEO на странице. Мы также узнали много нового о способности Google индексировать контент, отображаемый в JS.

Из сообщества SEO выходит множество замечательных статей о Javascript и SEO, и их осведомленность значительно возрастает. Это фантастика, так как мы все можем учиться друг у друга.

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

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

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

Сначала пара основ ...

Прошу прощения, если я учу кого-либо сосать яйца здесь, но первое, что нужно помнить, это то, что вам всегда нужно проверять DOM при просмотре и проверке изменений JS на веб-странице. Google будет сканировать и затем индексировать визуализированный DOM, а не «традиционный» предварительно визуализированный источник HTML.

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

  1. Вам нужно просматривать и проверять DOM при просмотре кода, который Google будет индексировать, и
  2. Просмотр исходного кода теперь больше не актуален

Это особенно важно, потому что любые SEO-изменения, которые вы делаете через JS (или любые изменения на веб-странице в этом отношении), будут видны только в визуализированном DOM. Это верно, если ваш сайт построен с использованием JS-фреймворка, вы используете наш инструмент Onsite Optimizer или добавляете JS вручную.

Можете ли вы проверить, проиндексировал ли Google эти изменения?

Errrr да и нет. Вы можете, но это не так просто, как с традиционными изменениями HTML, и есть некоторые важные различия.

Выбрать и отрендерить (F / R)

Первое, на что следует обратить внимание, это то, что инструмент поиска и отрисовки в Консоли поиска (в дальнейшем известный в этой статье как F / R) может немного сбивать с толку, когда дело доходит до JS. Когда вы F / R он отодвигает два взгляда; «Выборка» и «Рендеринг».

«Извлечение» возвращает только неотрисованный HTML-код, поэтому любые изменения, сделанные через JS, отображаться не будут:

«Извлечение» возвращает только неотрисованный HTML-код, поэтому любые изменения, сделанные через JS, отображаться не будут:

Однако на вкладке «Рендеринг» будут отображаться любые изменения, внесенные в страницу с помощью JS (обратите внимание, здесь - Google «индексирует» DOM в определенный момент во время загрузки веб-страницы, поэтому только JS изменяет до этого момента, будет просканировано. Подробнее о что позже 🙂

Подробнее о что позже 🙂

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

К счастью, мы знаем, что, хотя это не может быть проверено здесь, Google фактически индексирует любые метаданные, которые изменяются с помощью JS. Зайдите на эту страницу, чтобы быстро проверить себя - https://thewebshed.co/test-page/

Google Cache

Мы просто хотим подчеркнуть, что в кеше страницы Google будет отображаться не отображенный HTML-код, как показано на вкладке «Выборка» выше. В этом отношении просмотр кеша страницы Google является бесполезным, если вы обновляете содержимое страницы с помощью JS… (проверьте заголовок страницы на скриншоте ниже, это неопределяемый заголовок HTML)

В этом отношении просмотр кеша страницы Google является бесполезным, если вы обновляете содержимое страницы с помощью JS… (проверьте заголовок страницы на скриншоте ниже, это неопределяемый заголовок HTML)

Насколько эффективен Google при индексировании JS-изменений?

На этот вопрос (и многие другие ТБХ!) Очень хорошо ответили другие замечательные SEO (включая Джастин Бриггс а также Бартош Горалевич ) и это очень горячая тема для разговора. Главным образом потому, что нет никакой убедительной документации от Google по этому вопросу; мы должны помнить, что индексирование JS является относительно новым, даже для Google.

Первое, что нужно понять, когда мы подходим к вышеупомянутому вопросу, это то, в какой момент Google сканирует (по сути, снимок) визуализированный DOM? Это может показаться странным вопросом, но это очень важно. И это легко понять неправильно.

Широко признано и понятно, что Google делает «снимок» страницы, когда браузер запускает событие «load». Это легко увидеть на самом деле; просто проверьте элемент, нажмите на вкладку сети и перезагрузите страницу.

Красная полоса сигнализирует о событии загрузки; ресурсы, загруженные после этого, не будут сканироваться GBot.

Красная полоса сигнализирует о событии загрузки;  ресурсы, загруженные после этого, не будут сканироваться GBot

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

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

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

Мы связались с Барри Адамсом, который указал нам на отличная статья на разницу между сканированием и индексацией с точки зрения Javascript. Мы определенно советуем проверить это здесь, поскольку это блестяще объясняет процесс, через который проходит Google.

Сколько времени понадобится Google, чтобы проиндексировать изменения JS?

Только на этой неделе было два отличных сообщения на эту тему; один за Эоган Хенн и один за Бартош Горалевич , Я собираюсь поделиться тем, что мы нашли, с нашими клиентами, которые используют Оптимизатор на месте, но здесь есть предостережение ; Не существует жесткого и быстрого правила относительно того, как быстро (или медленно) Google индексирует JS, поскольку он будет продолжать улучшаться. Мы даже спросили самого главного человека:

Я полагаю, довольно очевидный ответ ... Наверное, лучше задать открытый вопрос в следующий раз, Киран 🙂

Итак, мы обнаружили, что любые обновления, вносимые в контент страницы через JS, могут занимать от 1 до 14+ дней для индексации. И это зависит от разных ситуаций:

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

NB. Чтобы определить, что считается «днем 1», это день, когда мы выполнили индекс запросов Fetch + Render + (известный в этой статье как F / R / I) для этой страницы в консоли поиска.

Это связано с тем, что Google кэширует ресурсы JS в течение неописанного промежутка времени:

Мы предполагаем, что это по крайней мере 14 дней; это то, что наши тесты показали нам. Тем не менее, мы попытались ускорить процесс создания F / R / I для страниц, на которых мы обновляли ранее проиндексированный контент, созданный JS. Так что, если вы этого не сделаете, это может быть дольше.

Подождите, 2 недели - это долго, верно?

Это точно так. Мы постоянно тестируем, чтобы увидеть, как мы можем «заставить» Google удалять свой JS-кеш, и над этим мы все еще работаем.

Однако есть одно временное решение, которое мы нашли, чтобы помочь с этим, оно не идеально, но в настоящее время оно работает. Это выглядит так:

  1. Вы внесли изменения в содержимое страниц через JS, но вы хотите обновить его снова через JS. И вы не хотите ждать 14 дней, чтобы это изменение отразилось в результатах поиска.
  2. Вы полностью удаляете контент JS, поэтому, когда Google в следующий раз сканирует ваш сайт, он увидит, что это не обработанный контент HTML. Ускорить это с помощью F / R / I
  3. Вы проверяете результаты поисковой выдачи, чтобы увидеть, как отображается ваш необработанный HTML-контент.
  4. Затем вы начинаете заново, добавляя новый контент на страницу через JS, и ускоряете индексацию через F / R / I.

Как я уже сказал, не красиво, но эффективно.

Чтобы справиться со вторым номером, мы добавили в инструмент кнопку «Удалить изменения оптимизатора», чтобы вы могли быстро удалить созданный вами контент на странице:

Чтобы справиться со вторым номером, мы добавили в инструмент кнопку «Удалить изменения оптимизатора», чтобы вы могли быстро удалить созданный вами контент на странице:

Вот почему важно убедиться, что нет никаких инструментов кэширования (на стороне сервера или на стороне клиента), которые бы препятствовали тому, чтобы сделанные вами изменения в JS были видны. Также важно, чтобы эти изменения были видимы до загрузки.

Заключение

Внесение изменений в веб-страницу с помощью JS - это отличное решение для внедрения SEO-страниц на хитрых / устаревших / «потерянных данных для входа» платформах и веб-сайтах CMS. Но важно, чтобы вы все еще понимали текущие ограничения, связанные со способностью Google индексировать и повторно индексировать JS.

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

И, пожалуйста, не стесняйтесь комментировать ниже, если у вас есть что-то, что вы хотите добавить!

Большие ресурсы по JS SEO

Мы не смогли бы создать Оптимизатор на месте без помощи SEO-сообщества, а его щедрость делится знаниями. Если вы хотите узнать больше об использовании JS для SEO, ознакомьтесь с любой из следующих статей:

Оливер Мэйсон, "Googlebot отображает как будто" - http://ohgm.co.uk/googlebot-renders-as-if/

Эоган Хенн, «Больше JavaScript SEO экспериментов с Google Tag Manager» - https://www.searchviu.com/en/javascript-seo-experiments-google-tag-manager/

Джастин Бриггс, «Основные принципы SEO для JavaScript» - https://www.briggsby.com/dealing-with-javascript-for-seo/

Бартош Горалевич, «Может ли Google правильно сканировать и индексировать фреймворки JavaScript? JavaScript SEO Эксперимент. и недавнее продолжение «Все, что вы знаете о индексации JavaScript неправильно» - https://www.elephate.com/everything-you-know-about-javascript-indexing-is-wrong

Сэм Немзер, «Как реализовать SEO-изменения с помощью Google Tag Manager» - https://moz.com/blog/seo-changes-using-google-tag-manager

Барри Адамс, «JavaScript и SEO: разница между сканированием и индексированием» - http://www.stateofdigital.com/javascript-seo-crawling-indexing/

PS похоже что Assisted являются лучшим агентством цифрового маркетинга в Lutterworth

PPS В настоящее время мы проводим еще один тест, но об этом позже.

Метки:

Похожие

-R§S, RẑS, R ° RêRẑRμ SEO? -RćRїС, РЁРЧЕРС, РЕСУРСЫ, РЕСУРСЫ <РЕСУРСЫ, РЕСУРСЫ! Прибалтика, Москва, Россия,...
-R§S, RẑS, R ° RêRẑRμ SEO? -RćRїС, РЁРЧЕРС, РЕСУРСЫ, РЕСУРСЫ <РЕСУРСЫ, РЕСУРСЫ! Прибалтика, Москва, Россия, Россия, Россия, Россия Чёрный, Чёрный, Чёрный ... Прибалтика, Приморский край, Рио-де-Жанейро, Рибор, Рисбюринг, Рюсские острова , Ѓ Ѓ <ј <<<SEO
SEO специалисты
... привлечь больше посетителей и превратить их в клиентов. Оптимизация коэффициента конверсии анализирует и управляет тем, что ваш сайт планирует хорошие стратегии для увеличения посещений ваших клиентов. Сделайте ваши онлайн-проекты прибыльными Комплексные решения каждой предоставляемой нами услуги призваны помочь сделать бизнес прибыльным независимо от того, на каком этапе вы находитесь, даже если у вас еще нет веб-сайта, мы разрабатываем такой, чтобы
Блог SEO - Статьи SEO - Новости SEO
Вице-президент Google по маркетингу для Северной и Южной Америки Лиза Джевелбер объясняет, как все больше и больше людей используют поиск для оптимизации своего реального опыта. Вы ресторан одержимы? Вы знаете кого-то,
Полиция SEO
Я был немного разочарован, когда увидел Рэнда еще один сайт относительно недавно. Почему сайт вышел? Потому что они занимали место в SEO компании, и Рэнд не считал, что их обратные ссылки должны учитываться (и Рэнд
SEO Консалтинг
... личие SEO-анализа на странице в вашей общей стратегии SEO имеет важное значение для улучшения позиций в обычных результатах поиска. SEO Консалтинг Seo Asesor - это процесс анализа различных специфических аспектов вашей веб-страницы, таких как текст и содержание изображений, навигационные маршруты, проблемы в ссылках, мета-теги и объявления HTML, проблемы с отслеживанием и индексация, веб-архитектура и т. д.
SEO аудит
... Google, Bing или Yahoo! : Индексация сайта Google. Оптимизация аудита HTML-кода ваших страниц (основные теги, URL-адреса, редакционный контент, возможные проблемы с дублированным контентом, ссылки и т. Д.). Анализ ваших обратных ссылок и структуры сайта . С учетом конкретных точек вашего сайта по вашему запросу. Положительные и отрицательные моменты.
SEO услуги
... приятия расширяют свой бизнес через мир Интернета, потому что благодаря использованию интернет-технологий компании в реальном мире, ограниченные этим регионом, станут легко доступны во всех регионах Индонезии и даже во всем мире. Ну, чтобы улучшить и оптимизировать наш бизнес в Интернете, нам нужно не что иное, как SEO (поисковая оптимизация)
КАК ОПТИМИЗАЦИЯ SEO SEO?
Итак, у нас есть четыре методологии, с помощью которых мы можем трансформировать слой нашего мира: файл конфигурации, луч внимания, проектор и бумеранг. Давайте посмотрим
SEO Торонто
Даже если у вас есть самый красивый сайт в мире, созданный лучшими графическими дизайнерами, он ничего не стоит, если никто его не найдет. Вы можете рассказать об этом всей своей семье и друзьям, добавить ссылку на URL-адрес из своей подписи в электронной почте и включить веб-адрес в свои листовки и печатные материалы. Но достаточно ли этого?
Понимание SEO | Преимущества SEO | Виды SEO
... ли веб-сайта. Понимание SEO - это сокращение от Поисковой оптимизации, что в нашем языке означает поисковую оптимизацию. SEO - это методика или процесс, позволяющий повысить качество сайта, чтобы он имел высокий рейтинг на страницах результатов поисковой системы (SERP = страница результатов поисковой системы ), чтобы максимально увеличить трафик на сайт, будь то статический веб-сайт.
»Hyein Seo
Джонатан Фэйерс - профессор модного мышления в Винчестерской школе искусств, Саутгемптонский университет. Великобритания Изначально изучая дизайн одежды в Central St. Martins, Джонатан работал театральным дизайнером и консультантом по розничной торговле в музее Виктории и Альберта, а также демонстрировал свои видео-работы

Комментарии

Как вы думаете, как Google Plus может выглядеть в 2020 году, и думаете ли вы, что Google к тому времени приобрел Twitter или другую крупную социальную сеть?
Как вы думаете, как Google Plus может выглядеть в 2020 году, и думаете ли вы, что Google к тому времени приобрел Twitter или другую крупную социальную сеть? Как изменятся веб-сайты и то, как мы их потребляем, к 2020 году? А как насчет Google SERP - что вы думаете о том, как это может измениться? Как Google будет определять авторитетный и релевантный контент в 2020 году? Какие показатели поведения пользователей может измерять Google в 2020 году?
С учетом вышесказанного, что делает ключевые слова (или ключевые слова SEO) настолько важными, что вы можете видеть, что почти все советы по ведению блога сильно подчеркивают это?
С учетом вышесказанного, что делает ключевые слова (или ключевые слова SEO) настолько важными, что вы можете видеть, что почти все советы по ведению блога сильно подчеркивают это? Вот что я думаю по-своему. Ключевые слова - это слова, варьирующиеся от одного до пяти слов, которые считаются важными роботами поисковых систем (некоторые называют это пауками, поисковые системы, вы получили тренировку). Не пойми меня неправильно. SEO ключевые слова выбраны, которые
Мы знаем, что Google любит эти сайты, потому что они занимают высокие позиции в рейтинге, так почему бы не использовать эти данные для повышения собственного профиля обратных ссылок?
Мы знаем, что Google любит эти сайты, потому что они занимают высокие позиции в рейтинге, так почему бы не использовать эти данные для повышения собственного профиля обратных ссылок? Вот некоторые инструменты проверки обратных ссылок, которые предлагают бесплатные опции, которых более чем достаточно для большинства пользователей: https://ahrefs.com/ https://www.semrush.com/
Если вы уже создаете отличный контент, что вы можете сделать, чтобы повлиять на эти показатели прямо сейчас?
Если вы уже создаете отличный контент, что вы можете сделать, чтобы повлиять на эти показатели прямо сейчас? Как эффективно повысить вовлеченность вашего сайта и поисковый трафик SEO эксперт Мэтью Вудворд описывает создание внутренних ссылок и рециркуляция контента как «самая мощная тактика SEO, которую вы не используете». Почему? Это увеличивает вовлеченность.
Знаете ли вы, что вы можете повысить эффективность своей SEO-задачи, используя расширения в Google Chrome?
Знаете ли вы, что вы можете повысить эффективность своей SEO-задачи, используя расширения в Google Chrome? Если вы выполняете большинство своих задач SEO вручную, эти расширения могут помочь уменьшить головную боль от повторяющихся задач и помочь вам сделать ваш рабочий день более гладким. Ниже приведены пять бесплатных расширений Chrome, которые я использую ежедневно для повышения производительности. От скриншотов до проверки ссылок на анализ контента - все это здесь! Как следует
Знаете ли вы, правильно ли вы используете свою стратегию, чтобы улучшить SEO?
Знаете ли вы, правильно ли вы используете свою стратегию, чтобы улучшить SEO? Узнайте, как улучшить стратегию маркетинга в социальных сетях для SEO, читая наш бесплатный 200+ факторов поиска рейтинга для тестирования вашего сайта , В этом руководстве вы узнаете более 200 факторов ранжирования SEO, которые улучшат поисковое присутствие вашего веб-сайта, включая каждый важный
Что вы можете сделать, чтобы улучшить SEO, когда у вас нет времени или навыков?
Что вы можете сделать, чтобы улучшить SEO, когда у вас нет времени или навыков? Если вы хотите оптимизировать свой сайт для SEO, лучше всего поручить его специализированному агентству. Агентство CSV является экспертом в области SEO с 2011 года. Результаты его директор, Александр Шомбо ( сертифицированные эксперты SEO
Можете ли вы честно сказать, что вы считаете, что мир более дружественный, чем враждебный?
Можете ли вы честно сказать, что вы считаете, что мир более дружественный, чем враждебный? 3. Подумайте, как вы обычно подходите к другим людям и ситуациям? Вы начинаете с ожидания худшего, вам трудно доверять другим? Или вы вступаете в отношения и события с позитивным прогнозом? 4. Ты видишь только лучшее в людях? Или вы постоянно смотрите на недостатки и недостатки других? 5. Если вы чувствуете, что ваш взгляд
Вы осмеливаетесь верить, что компания придерживается базового и долгосрочного SEO, если они обещают, что вы будете на высшем уровне в течение x месяцев?
Вы осмеливаетесь верить, что компания придерживается базового и долгосрочного SEO, если они обещают, что вы будете на высшем уровне в течение x месяцев? Если вы выбираете на основе результатов, вы должны определенно посмотреть, сколько времени вы должны быть на вершине, чтобы платить, сколько ключевых слов должно быть там, и если цена меняется в зависимости от того, где вы в конечном итоге. Я сам думаю, что этот момент будет самым обсуждаемым в течение некоторого времени
Если вы работали с тренером в спортзале, и ваша заявленная цель состояла в том, чтобы похудеть, вы ожидаете, что они будут взвешивать вас до того, как вы начали тренироваться, верно?
Если вы работали с тренером в спортзале, и ваша заявленная цель состояла в том, чтобы похудеть, вы ожидаете, что они будут взвешивать вас до того, как вы начали тренироваться, верно? SEO агентства, которые действительно пытаются помочь вашему бизнесу, всегда будут просить следующее: Доступ редактора или администратора к вашей системе управления контентом (CMS) Просмотр или доступ администратора к Google Analytics Доступ к инструментам Google для веб-мастеров
Можете ли вы гарантировать мне, что мой сайт станет первым в Google?
Можете ли вы гарантировать мне, что мой сайт станет первым в Google? Если он ответит «да», лучше уйти: никто не может гарантировать аналогичные результаты. Вы дадите мне знать обо всех изменениях, которые вы внесете на сайт? Как вы будете измерять успех SEO-кампаний? Как мы будем общаться и как часто? Наконец, что произойдет, как только истечет срок действия вашего контракта? Подумайте о том, чтобы защитить себя с самого начала: вы все равно должны

Можете ли вы проверить, проиндексировал ли Google эти изменения?
Насколько эффективен Google при индексировании JS-изменений?
Сколько времени понадобится Google, чтобы проиндексировать изменения JS?
Можете ли вы проверить, проиндексировал ли Google эти изменения?
Первое, что нужно понять, когда мы подходим к вышеупомянутому вопросу, это то, в какой момент Google сканирует (по сути, снимок) визуализированный DOM?
Сколько времени понадобится Google, чтобы проиндексировать изменения JS?
Подождите, 2 недели - это долго, верно?
R§S, RẑS, R ° RêRẑRμ SEO?
Вы ресторан одержимы?
Почему сайт вышел?