JavaScript SEO - Google и JavaScript-сайты?

  1. Сайт на основе JavaScript, но как?
  2. JavaScript каркас
  3. Услуги по предварительной обработке
  4. Изоморфный JavaScript
  5. Проблемы с SEO и JavaScript
  6. вывод
  7. О редакторе ABAKUS

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

Здесь важно убедиться, что искатель может отрисовывать весь контент, включая контент, который обрабатывается и выводится с помощью JavaScript

JavaScript и поисковые системы были двумя вещами, которые долгое время не работали вместе. Поисковые системы не могли ничего сделать, пока несколько лет назад с JavaScript. Многие веб-мастера использовали этот факт для предприимчивых мер SEO, таких как дверные проемы, которые представляли пользователю JavaScript другой контент, кроме робота Googlebot. Такие действия Black Hat SEO иногда приводили к впечатляющим наказаниям. Однажды даже производитель автомобилей и мотоциклов BMW полностью вылетел из индекса со штрафом Google.

Однажды даже производитель автомобилей и мотоциклов BMW полностью вылетел из индекса со штрафом Google

Даже сегодня функция Suggest во вводе «bmw seo» предлагает альтернативные поисковые запросы, такие как «bmw seo штраф», «черный имеет seo bmw» и т. Д. В то время о таких негативных действиях можно было сообщать в Google через отчет о спаме. Это было в феврале 2006 года - сейчас, более десяти лет назад, и сегодня Google распознает нечто подобное и многое другое. В дополнение к чтению HTML-контента, Google теперь синонимично CSS и JavaScript интерпретирует и отображает как Страница также отображается в браузере и просматривается пользователем.

Могут ли все поисковые системы справиться с этим и действительно понять любой JavaScript? Можно ли утверждать это по фиксированной ставке? Не совсем, использование по-прежнему связано с рисками. Это особенно важно, если необходимо создать полностью основанный на JavaScript веб-сайт. Здесь тестирование A & O. Помните, что JavaScript должен выполняться не на стороне сервера, как код php, а на стороне клиента браузером или сканером.

Сайт на основе JavaScript, но как?

Чтобы проверить, как Google видит страницу и обнаруживает контент, не помогает загрузить ее в браузер. Можно сканировать сайт с помощью сканера и инструмента SEO Screaming Frog, а также отображать JavaScript со всех страниц с кодом состояния 200. Это сравнительно быстро и помогает получить общее представление. Crawler Screaming Frog работает во многом как Google Bot. Для этого лицензированные пользователи могут включить рендеринг JavaScript перед сканированием в меню « Конфигурация»> «Паук»> «Рендеринг» . По умолчанию время ожидания AJAX установлено на 5 секунд, значение также соответствует текущему временному окну, которое Google использует для последующего создания снимка экрана страницы. Можно смоделировать экран для робота Google для настольного компьютера и мобильного смартфона, а также настроить размер окна таких устройств, как iPhone, iPad, планшет, нетбук и т. Д.

Тем не менее, единственный безопасный способ в консоли поиска Google в разделе Crawl> Fetch as Google - это отобразить страницу. Несмотря на все усилия по тестированию, все еще есть некоторая неопределенность, потому что кто знает, что робот Google сделает завтра или правильно интерпретирует контент в любое время. Кроме того, только Google может хорошо обрабатывать JavaScript. Поисковый гигант имеет долю рынка более 90% в Германии, 87% по всему миру и только 64% ​​в США. Тем не менее каждый хочет видеть его веб-предложение также с другими поисковыми системами в поисковой выдаче. Bing, Yandex и многие поисковые системы в Азии не говорят на JavaScript. Поэтому может быть особенно рискованно, если будет сформирована основа международного сайта, созданного на JavaScript. На веб-сайте на основе JavaScript, HTML-код которого виден только после рендеринга JavaScripts, вы не только рискуете ранжировать проблемы в Google, но и полностью теряете свои позиции в других поисковых системах мира. Бартош Горалевич опубликовал интересную оценку своего эксперимента SEO SEO JavaScript. Все поисковые системы, такие как Google, Bing, Yahoo, Ask, Aol, DuckDuckGo и Yandex, могут иметь дело с HTML как само собой разумеющееся, с JavaScript в настоящее время только Google и Ask.

Google также сканирует и индексирует только обработанный исходный код после события загрузки. Динамический контент, который зависит от пользовательского события, игнорируется. Однако иногда случается, что контент, создаваемый пользовательскими событиями, индексируется Google. Но здесь нет никаких правил, и остается рекомендация по интеграции важного контента, непосредственно видимого на странице. Еще неизвестно, оптимизирует ли Google внутренний браузер без монитора таким образом, чтобы он также обрабатывал события, чтобы команды, подобные пользователю, в ограниченной степени могли взаимодействовать с веб-сайтом. Йоханнес Мюллер (Google) сделал заявление о том, что в 2018 году появится мобильный индекс, что контент для мобильных устройств также можно скрыть, если он служит удобству использования. Они будут оценены только немного слабее. Так что, скорее всего, Google сможет сканировать и взаимодействовать с сайтом в будущем. Степень, в которой Bing & Co и сканеры социальных сетей следуют этому примеру, еще неизвестно.

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

    • Каждая страница должна иметь свой индексируемый URL, говорящие URL идеальны
    • Автономные URL должны работать без хеша
    • Все метаданные, такие как Заголовок, Описание, Канонические, Мета-роботы и OpenGraph, должны быть включены в <head> страницы без рендеринга.
    • Для обеспечения возможности сканирования атрибуты haf и src являются элементарными для тегов bot <a> и <img>
    • Файлы JavaScript не должны быть заблокированы через robots.txt
    • Карта сайта и атрибут lastmod всегда должны быть актуальными
    • Google рекомендует формат JSON-LD для структурированных данных

JavaScript каркас

На каких основаниях нельзя уметь отвечать на все вопросы? Одно из преимуществ, очевидно, с Angular JS, который исходит от Google. Здесь следует ожидать, что проблем будет меньше.

Услуги по предварительной обработке

В случае, если робот Google не может отобразить JavaScript или время загрузки страницы на основе JavaScript слишком велико. Тогда могут быть ошибки в реализации JavaScripts или другие причины, такие как проблемы совместимости. Чтобы быть в безопасности или просто оптимизировать производительность, некоторые используют услуги предварительного рендеринга. Поставщики предварительно визуализируют JavaScript и доставляют код HTML сканеру. Таким образом, ответственный SEO имеет контроль и может гарантировать, как этот HTML-код создается и отображается. Наиболее известными услугами предварительного рендеринга являются, например, Prerender.io, BromBone, SEO4Ajax или SEO.js.

Изоморфный JavaScript

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

Проблемы с SEO и JavaScript

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

Чтобы упростить работу разработчиков, Google недавно обновил документацию «Рендеринг в поиске Google» и открыл на форуме новый набор страниц на основе JavaScript.

вывод

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

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

Каков ваш опыт работы с сайтами на основе JavaScript и рейтинг ваших собственных страниц с приложениями JavaScript?

Другие источники:
ScreamingFrog: https://www.screamingfrog.co.uk/
Бартош Горалевич: https://moz.com/blog/search-engines-ready-for-JavaScript-crawling
Мобильный, скрытый контент: https://seo-portal.de/versteckte-nachladende-inhalte/
JSON-LD: https://developers.google.com/search/docs/guides/intro-structured-data
Угловой JS: https://angularjs.org/
Изоморфный JavaScript: https://www.searchenginejournal.com/JavaScript-seo-like-peanut-butter-and-jelly-thanks-to-isomorphic-js/183337/
Услуги по предварительной визуализации: https://prerender.io/ ; http://www.brombone.com/ ; https://www.seo4ajax.com/ ; http://getseojs.com/
Рендеринг в Поиске Google: https://developers.google.com/search/docs/guides/rendering
Форум Google - Рабочая группа JS Sites: https://groups.google.com/forum/#!forum/js-sites-wg
Прогрессивные веб-приложения: http://t3n.de/news/progressive-web-apps-739224/3/ ; https://developers.google.com/web/progressive-web-apps/?hl=de ; https://plus.google.com/+JohnMueller/posts/LT4fU7kFB8W


О редакторе ABAKUS

ABAKUS Internet Marketing является одним из пионеров поисковой оптимизации в Германии с 2002 года. За это время мы оптимизировали бесчисленное количество клиентских веб-сайтов для Google. Мы делимся своими знаниями в области SEO не только здесь, в блоге и руководствах, но также в лекциях, семинарах и технических статьях.
Все статьи из: ABAKUS редакция

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

ЗАВОД №9, Екатеринбург
"ЗАВОД №9", ОТКРЫТОЕ АКЦИОНЕРНОЕ ОБЩЕСТВО Регион Свердловская область, Екатеринбург Адрес 620012, г. ЕКАТЕРИНБУРГ, пл. ПЕРВОЙ ПЯТИЛЕТКИ Телефон (343) 327-29-32 Факс (343)

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

Личный кабинет НПФ Доверие
НПФ «Доверие» — акционерное общество, предлагающее программы переноса в Фонд накопительной части пенсии по договору ОПС и программы формирования дополнительной негосударственной пенсии по договору НПО.

МУ СБР в ПФО (г. Нижний Новгород) - АООТ ТНК «Гермес-Союз» (ОАО «Промышленная компания «Гермес-Союз»)
  АООТ  ТНК «Гермес-Союз» (ОАО «Промышленная компания «Гермес-Союз») Акционерное общество открытого типа Транснациональная нефтяная компания «Гермес-Союз» (АООТ ТНК «Гермес-Союз») – наименование

ФЛ "БАРНАУЛЬСКИЙ" ЗАО "РАЙФФАЙЗЕНБАНК" - г. БАРНАУЛ, пр-т ЛЕНИНА, д. 163 - ФИЛИАЛ "БАРНАУЛЬСКИЙ" ЗАКРЫТОГО АКЦИОНЕРНОГО ОБЩЕСТВА "РАЙФФАЙЗЕНБАНК" В Г. БАРНАУЛЕ
ОКАЗАНИЕ УСЛУГ ПО ОТКРЫТИЮ И ВЕДЕНИЮ РАСЧЕТНЫХ СЧЕТОВ УПРАВЛЕНИЯ ФЕДЕРАЛЬНОГО КАЗНАЧЕЙСТВА ПО АЛТАЙСКОМУ КРАЮ ДЛЯ УЧЕТА ОПЕРАЦИЙ ПО ОБЕСПЕЧЕНИЮ ПОЛУЧАТЕЛЕЙ СРЕДСТВ БЮДЖЕТОВ БЮДЖЕТНОЙ СИСТЕМЫ РОССИЙСКОЙ

Традиционное (аграрное) общество
Традиционное (аграрное) общество представляло доиндустриальную стадию цивилизационного развития. Традиционными были все общества древности и средневековья. Их экономика характеризовалась господством

Новости компаний
Другие отчётные документы "Автоматика" в ИПС "ДатаКапитал" ОПУБЛИКОВАННЫЕ СООБЩЕНИЯ ЭМИТЕНТОВ АО "Концерн "Автоматика" - Проведение общего собрания акционеров акционерного

АО "НОВЫЙ РЕГИСТРАТОР"
Предлагаемая компанией продукция и услуги: Трансфер-агентское и регистраторское обслуживание Приобретаемая компанией продукция и услуги: - Дополнительная информация о компании: Член ПАРТАД

Банк "ГЛОБЭКС" - кредитование, вклады, банковские карты, денежные переводы, банковские услуги.
Примечание к курсам для безналичных операций по банковским картам При совершении безналичных конверсионных операций по банковским картам (покупки/продажи) Банком применяется механизм установления

Счетчики