Автор оригинала: FreeCodeCamp Community Member.
Патрик Хонг
Многие люди все еще беспокоятся о том, что если вы создадите веб-сайты, используя такие инструменты, как React, Angular, или Ember, это повредит вашу поисковую систему.
Мышление идет что-то вроде этого: веб-скалы, которые используют поисковые системы, не смогут правильно ползать страницу, если она не полностью отображается в браузере пользователя. Вместо этого они увидут только код HTML, доставляемый с бэкэнда.
Если этот HTML-код не содержит ничего, кроме нескольких меток Meta и тегов сценариев, поисковая система предполагает, что ваша страница в основном пуста и плохо ранжет.
Я обычно вижу консультанты по оптимизации поисковой системы (SEO) Рекомендуете, чтобы вы оказали свою страницу на бэкэнде, чтобы веб-скалы могли видеть много приятного HTML-кода, который они могут затем индексировать.
Для меня этот совет кажется необоснованным и нереальным. Это 2016 год. Пользователи ожидают, что страницы будут динамическими и предоставлять им переживание пользовательского опыта. Они не хотят ждать новой страницы HTML, чтобы загрузить каждый раз, когда они нажимают на что-то.
Итак, утверждение «рендеринг на стороне клиента ранит вашу ранг страницы» все еще действителен?
Делать исследования
Во-первых, отказ от ответственности: я ни в коем случае не является экспертом SEO. Но я немного читал на тему, и вот что я нашел.
Вот и Объявление От Google в своем блоге Webmaster с октября 2015 года:
Вот поисковая система Land Статья Из в мае 2015 года:
Эти два источника предполагают, что это действительно безопасно для использования рендурируемой клиентской стороной.
Тест Preactjs.com
Недавно я ввигал щель о SEO Consultants NitPicking о моем любимом реагировании. Быть точным, я в процессе миграции на Преобразование , альтернатива света на реакцию Facebook. Я получил этот ответ от Джейсон Миллер Один из разработчиков, работающих на преизмерении:
Помимо статьи в блоге из поисковой системы, которую я процитировал выше, Джейсон Tweeted ссылка на поиск Google для Домашняя страница PreaCT , что выглядит так:
Эта страница оказывается полностью клиентской стороной, используя PREACT, в качестве взгляда его исходный код доказывает:
Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.
Если GoogleBot не смогли прочитать HTML-код, отображаемый PREACT, он не будет отображать больше, чем содержимое мета-тегов.
И все же, вот как выглядят результаты Google при поиске Сайт: PreaCtjs.com :
Другой Статья По Эндрю фермер С мартов 2016 года предупреждает о отсутствии поддержки JavaScript по поисковым системам, кроме Google:
Поэтому я решил попробовать тест Джейсона с другими поисковыми системами:
✅ Bing
Предупреждение Андрея в отношении Bing кажется несущественным. Вот Результаты Bing При поиске Сайт: PreaCtjs.com :
✅ Yahoo.
И Результаты Yahoo При поиске Сайт: PreaCtjs.com :
✅ duckduckgo
И Утка утка Go результаты При поиске Сайт: PreaCtjs.com :
⚠️ Baidu
Китайская поисковая система Baidu имеет проблемы с PREACTJS.com. Вот …| его результаты При поиске Сайт: PreaCtjs.com :
Таким образом, казалось бы, что разве ранжирование высоких в том, что по сути, по сути, по сути, по существу, единственной поисковой системой, является приоритетом для вас, нет ничего плохого в рендеринге ваших веб-страниц на стороне клиента с использованием JavaScript, если вы следуете за некоторыми основными правилами (цитируемые От Андрей Фермерский блог пост ):
- Делайте свои компоненты, прежде чем делать что-нибудь асинхронное.
- Протестируйте каждую из ваших страниц с Привлечь в качестве Google Чтобы гарантировать, что GoogleBot находит ваш контент
Спасибо за прочтение!
Обновление 25 октября 2016
Эндрюнграм провел те же тесты, которые я побежал, пришел к другому выводу.
Цитата из Эндрю:
Его рабочая гипотеза в том, что поисковые роботы, отличные от Google, могут индекс Клиент-лицензированные страницы, но не ползать Их, то есть. Следуйте ссылками и индексируйте другие страницы сайта.
→ Следуйте обсуждению новостей хакеров
Признательности
Благодаря Adam Audette ( поисковая система земли ) и Эндрю фермер Для их отличного блога статей, из которых я цитировал, Джейсон Миллер Для его ввода и вдохновения мои коллеги из Объявления eBay Group Для их поддержки и Куинси Ларсон Бесплатный код лагеря Для публикации этой статьи!