SEO против React: веб-сканеры умнее, чем вы думаете

  1. Делать исследования
  2. Тест Preactjs.com
  3. Ing Бинг
  4. ✅ Yahoo
  5. Ck утка утка идти
  6. Id Baidu
  7. Обновление 25 октября 2016
  8. Acknowlegements

Многие люди все еще беспокоятся о том, что если вы создадите веб-сайты с использованием таких инструментов, как React, Angular или Ember, это ухудшит рейтинг вашей поисковой системы.

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

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

Я часто вижу, что консультанты по поисковой оптимизации (SEO) рекомендуют отображать вашу страницу на бэкэнде, чтобы веб-сканеры могли видеть много хорошего HTML-кода, который они могли бы затем проиндексировать.

Мне этот совет кажется необоснованным и нереальным. Это 2016 год. Пользователи ожидают, что страницы будут динамичными, и предоставят им быстрый пользовательский опыт. Они не хотят ждать загрузки новой HTML-страницы каждый раз, когда нажимают на что-то.

Таким образом, утверждение «рендеринг на стороне клиента вредит вашему рейтингу страницы» остается в силе?

Делать исследования

Во-первых, отказ от ответственности: я ни в коем случае не эксперт SEO. Но я немного прочитал эту тему, и вот что я нашел.

Вот объявление от Google в их блоге для веб-мастеров с октября 2015 года:

Тест Preactjs.com

Недавно я написал в твиттере о SEO-консультантах, придирчивых к моему любимому React. Если быть точным, я в процессе перехода на упреждения , легкая альтернатива Реакту Facebook. Я получил этот ответ от Джейсон Миллер Один из разработчиков, работающих над Preact:

Помимо статьи в блоге Search Engine Land, которую я цитировал выше, Джейсон написал в Твиттере ссылку на поиск Google для Начальная страница Preact , который выглядит так:

Эта страница отображается полностью на стороне клиента с использованием Preact, как показывает исходный код:

<! DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title> Преакт: быстрая альтернатива 3kb React с тем же API ES6. Компоненты и Виртуальный DOM. </ Title> <meta name = "viewport" content = "ширина = ширина устройства, начальный масштаб = 1, максимальный масштаб = 1, минимальный пользовательский интерфейс"> <мета name = "мобильное веб-приложение -capable "content =" yes "> <meta name =" apple-mobile-web-app-enabled "content =" yes "> <meta name =" format-Detection "content =" telephone = no "> <мета name = "theme-color" content = "# 673AB8"> <link rel = "manifest" href = "/ manifest.json"> <link rel = "icon" type = "image / png" href = "/ assets / app -icon-192.png "sizes =" 192x192 "> <script> (function (url) {window ['_ boostrap _' + url] = fetch (url);}) ('/ content' + location.pathname.replace ( / ^ \ / (repl)? \ /? $ /, '/ index') + '. md'); </ script> <link rel = "значок ярлыка" href = "/ favicon.ico"> <link href = "/ style.6bae35e4ff9d687cb418.css" rel = "таблица стилей"> </ head> <body> <script> (функция (i, s, o, g, r, a, m) {i ['GoogleAnalyticsObject'] = г; я [г] = я [г] || функция () {. (я [г] .q = я [г] .q || []) толкать (аргументы)}, я [г] = .l 1 * new Date (); a = s.createElement (o), m = s.getElementsByTagName (o) [0]; a.async = 1; a.src = g; m.parentNode.insertBefore (a, m) }) (окно, документ, 'сценарий', "// www.google- analytics.com/analytics.js','ga');ga('create ',' UA-6031694-20 ',' auto '); ga (' send ',' pageview '); </ script> <script type = "text / javascript" src = "/ bundle.a0afd09fd48712ed0f26.js"> </ script> </ body> </ html>

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

И все же, вот как выглядят результаты Google при поиске сайта: preactjs.com :

Другая статья от Эндрю Фармер с марта 2016 года предупреждает об отсутствии поддержки JavaScript поисковыми системами, кроме Google:

Ing Бинг

Предупреждение Эндрю относительно Бинга кажется несущественным. Вот Результаты Bing при поиске по сайту: preactjs.com :

✅ Yahoo

И Yahoo результаты при поиске по сайту: preactjs.com :

Ck утка утка идти

И Duck Duck Go результаты при поиске по сайту: preactjs.com :

Id Baidu

У китайской поисковой системы Baidu действительно есть проблемы с preactjs.com. Вот его результаты при поиске по сайту: preactjs.com :

Таким образом, может показаться, что если высокий приоритет в поисковой системе, предназначенной только для Китая, не является для вас приоритетом, нет ничего плохого в том, чтобы отображать ваши веб-страницы на стороне клиента с помощью JavaScript, если вы придерживаетесь некоторых основных правил (цитируется от Сообщение в блоге Эндрю Фармера ):

  • Рендеринг ваших компонентов, прежде чем делать что-то асинхронное.
  • Протестируйте каждую из ваших страниц с помощью Fetch as Google, чтобы убедиться, что робот Google находит ваш контент.

Спасибо за прочтение!

Обновление 25 октября 2016

Эндрю Ингрэм провел те же тесты, что и я, и пришел к другому выводу.

Цитата от Андрея:

→ Следите за обсуждением Hacker News

Acknowlegements

Спасибо Адаму Одетте ( Земля Поисковой машины ) а также Эндрю Фармер за их отличные статьи в блоге, из которых я цитировал, Джейсон Миллер за его вклад и вдохновение мои коллеги из Группа объявлений eBay за их поддержку и Куинси Ларсон Free Code Camp за публикацию этой статьи!

Похожие

SEO тест
Простой и простой способ узнать статус вашего сайта SEO тестирование: SEO проверка сайта Чтобы узнать статус вашего сайта, мы будем использовать Seo Site, инструмент, который анализирует различные факторы SEO и позволяет нам узнать, как идут наши усилия в позиционировании в Интернете. С бесплатной версией у нас будет первая оценка нашего сайта и достаточно подсказок, чтобы узнать, на правильном ли мы пути или нет. В следующем окне введите адрес вашего сайта (например:
SEO реселлер
New Step Technology - единственная эксклюзивная фирма реселлеров SEO в США, которая НЕ открыта для широкой публики. Мы строго на 100% White Label SEO-реселлер. Это означает, что вы не конкурируете с нами. Ваши клиенты не могут прийти к нам, даже если они попробуют, и наши цены ниже, чем оптовые цены для реселлеров SEO из-за рубежа. Наши услуги реселлера SEO мирового класса и подкреплены нашей универсальной гарантией ключевых слов !!! Почему мы?
Стоматологическая SEO
Не все хотят сидеть на стуле у стоматолога, но если возникает необходимость, где можно найти хорошего стоматолога? Желтый Страницы, очевидно, не лучшее место для проверки. В эпоху, когда все склеены на своих компьютерах,
SEO Сервис
Мы предлагаем наши услуги со специалистами по SEO , которые заключаются в оптимизации естественного позиционирования веб-страницы в основных поисковых системах. Наиболее важным является тот, который мы все знаем, Google, с нашей командой специалистов мы можем помочь вам улучшить видимость вашей страницы. Веб, будь то личный блог или страница компании, у нас есть несколько услуг, которые соответствуют потребностям каждого клиента, поскольку каждая веб-страница отличается, в дополнение
SEO Учебник
... ck/"> Амазонка , Flipkart , eBay… где увеличение трафика на 10% принесло бы дополнительные продажи на миллионы долларов, воспользовалось бы моими техническими навыками SEO. Я проверил все вышеупомянутые веб-сайты на предмет проблем SEO (см. Раздел SEO Отзывы о сайте ниже ) и все они имеют низко висящие SEO-плоды, которые генерируют ОГРОМ дополнительный
SEO и аналитика
Короче говоря, поисковая оптимизация или SEO - это набор правил, которым мы следуем, чтобы оптимизировать ваш сайт для поисковых систем и тем самым повысить его рейтинг в поисковых системах. Поисковая оптимизация - это способ улучшить ваш сайт, чтобы он был ближе к верхним позициям в результатах поиска Google, Yahoo, Bing или других поисковых систем.
FB ad seo
AoD стремится предоставить каждому студенту инструменты, чтобы не только стать уверенным в себе, творческим художником, но
Seo Company Лос-Анджелес
Вы когда-нибудь задумывались о том, как SEO-компания может помочь вам в районе Лос-Анджелеса? Если это так, то, вероятно, у вас непростые времена, когда дело доходит до выявления наиболее важных преимуществ, которые SEO-компания может предложить Лос-Анджелесу,
Что такое SEO специалист?
Когда меня спрашивают, чем я зарабатываю на жизнь, у меня в голове возникает вопрос, как ответить на этот вопрос. Должен ли я сказать: «Я SEO» и ждать неизбежно запутанного взгляда? Возможно, я должен пойти с ответом моей жены, вместо этого: «Он организует Интернет, чтобы получить высокий рейтинг в Google». Вы должны признать, что любой, кто может организовать Интернет, вероятно, довольно крут. Должен ли я держать свои ответы краткими, или я должен уделить немного времени
SEO локальных карт
SEO Local Local Splash поможет вам найти вас в разделе «Карты» трех крупнейших поисковых систем: Google, Yahoo! и Бинг. Например, когда потенциальные клиенты ищут сантехника, они хотят, чтобы они указывали их в местном почтовом индексе, сообществе или городе. Поисковые системы программируют свои системы на географическую основу и предоставляют локальные результаты. Это означает, что поисковая система автоматически покажет результаты в нужном сообществе. Если это не так, можно ввести
RSS для SEO
RSS (действительно простая синдикация) распространена во всем Интернете, и если у вас есть блог или веб-сайт с регулярно

Комментарии

Вы можете знать, что такое SEO, но знаете ли вы, как работают поисковые системы и какие факторы помогают определить рейтинг сайтов в Google, Bing или Yahoo?
Вы можете знать, что такое SEO, но знаете ли вы, как работают поисковые системы и какие факторы помогают определить рейтинг сайтов в Google, Bing или Yahoo? Copp Media может помочь ответить на ваши вопросы о SEO. Будь то ваш вопрос о затратах на SEO, контенте против создания ссылок для SEO, оптимизации на месте и вне сайта, SEO в социальных сетях или если вы просто хотите знать, что вам нужно искать при выборе услуги SEO, SEO-компании или SEO-эксперта. потребности вашей компании, свяжитесь с нами
И самое главное, как вы можете расположить контент, который вы делаете, и веб-сайт, на котором вы его размещаете, для SEO и успеха контента в 2017 году?
И самое главное, как вы можете расположить контент, который вы делаете, и веб-сайт, на котором вы его размещаете, для SEO и успеха контента в 2017 году? У нас есть три подсказки и ссылки на десятки других ниже. 3 совета для отличного SEO-маркетинга в 2017 году 1. Следите за пользовательским опытом (UX) На данный момент, прогнозы таковы, что в 2017 году оптимизация взаимодействия с пользователем (UEO) может начать
B2C SEO против B2B SEO: в чем разница?
B2C SEO против B2B SEO: в чем разница? Компания B2B отличается от компании B2C более чем одним способом. От клиентов это зависит от методов маркетинга, которые он использует, и от того, какие у него бюджеты. Это означает, что с SEO нужно работать по-другому для компании B2B. Как правило, SEO-кампания B2B преследует конкретные цели, связанные с процессом продажи / покупки, который зачастую дольше, чем продажа B2C.
Вы также можете наслаждаться: SEO против SEM, в чем разница?
Вы также можете наслаждаться: SEO против SEM, в чем разница? Получите детали оплаты и создайте контракт Последний этап процесса найма - оплата. Как только вы выбрали SEO, который, по вашему мнению, может помочь ваш сайт по недвижимости и принял решение о соответствующих мерах, которые нужно предпринять, потратить некоторое время на обсуждение условий оплаты, сборов и графиков выставления
Как вы думаете, где вы можете оказать большее влияние?
Как вы думаете, где вы можете оказать большее влияние? Следующее, что нужно определиться, это какие языки вы хотите сделать доступными для этих регионов. Это первый шаг к изложению вашей стратегии для всего проекта. Эффективная поисковая оптимизация для веб-сайта в одной стране может быть сложной и пугающей сама по себе. Поэтому успешный международный SEO для путешествий Кампания требует внимания
Чем отличается местный SEO от обычного SEO?
Чем отличается местный SEO от обычного SEO? Google и другие поисковые системы локализуют результаты поиска, чтобы повысить удобство работы с конечным пользователем. Например, если вы находитесь в Вашингтоне, округ Колумбия, и ищете «водопроводчики», Google отобразит списки местных водопроводчиков на ваш IP-адрес (с которого вы выполняли поиск). Для Google не имеет смысла отображать сантехников из Сан-Диего в результатах поиска, поэтому он внедрил локализованные результаты поиска. Обычное
Вот практический пример: если вы ищете внештатного SEO, что вы делаете?
Вот практический пример: если вы ищете внештатного SEO, что вы делаете? Зайдите в Google и напишите «seo freelance», и я позвоню первым консультантам, которых вы найдете. Простой! ⇒ Как разместить сайт Как мы видели, результат работы по SEO легко оценить, но как этого достичь, очень сложно объяснить в нескольких строках, поэтому я постараюсь перечислить
Какой из них является лучшим плагином SEO: все в одном пакете SEO или премиум-паке SEO?
Какой из них является лучшим плагином SEO: все в одном пакете SEO или премиум-паке SEO? Пожалуйста, поделитесь своим мнением или опытом в комментариях! Последнее обновление: 14.1.2015
Вы против или в пользу Black Hat SEO?
Вы против или в пользу Black Hat SEO?
Когда вы слышите слова «поисковая оптимизация», что вы думаете о?
Когда вы слышите слова «поисковая оптимизация», что вы думаете о? Мой разум сразу переходит к списку факторов ранжирования SEO, таких как правильные теги, релевантные ключевые слова, чистая карта сайта, отличные элементы дизайна и постоянный поток высококачественного контента. Тем не мение, недавняя статья моего коллеги Евгений Хутарнюк заставил меня понять, что я должен добавить «бюджет сканирования» в свой список. В то
В-третьих, как вы думаете, сколько людей читают ваш веб-контент в эпоху информационной перегрузки?
В-третьих, как вы думаете, сколько людей читают ваш веб-контент в эпоху информационной перегрузки? Вы рассказываете действительно хорошую историю, чтобы общаться со своими клиентами, партнерами и всеми остальными в аудитории? Создает ли ваш контент впечатление на вашу аудиторию? Мы гарантируем, что ваша аудитория слышит вас. Независимо от того, являетесь ли вы туристической компанией или страховым агентом, наш отраслевой опыт поможет вам найти нужную аудиторию с нужным контентом.

Таким образом, утверждение «рендеринг на стороне клиента вредит вашему рейтингу страницы» остается в силе?
Почему мы?
Должен ли я сказать: «Я SEO» и ждать неизбежно запутанного взгляда?
Вы можете знать, что такое SEO, но знаете ли вы, как работают поисковые системы и какие факторы помогают определить рейтинг сайтов в Google, Bing или Yahoo?
И самое главное, как вы можете расположить контент, который вы делаете, и веб-сайт, на котором вы его размещаете, для SEO и успеха контента в 2017 году?
B2C SEO против B2B SEO: в чем разница?
Вы также можете наслаждаться: SEO против SEM, в чем разница?
Вы также можете наслаждаться: SEO против SEM, в чем разница?
Как вы думаете, где вы можете оказать большее влияние?
Stylish-Portal.infO 2011
При копирование материала активная ссылка на сайт!
Copyright 2004-2016 © www.zone55.ru. All rights reserved.