SEO для сайтов ReactJS

  1. 1. URL должны быть «дружественными к Google» и загружаться независимо
  2. 2. Используйте стандартные <a href> ссылки в вашем HTML
  3. 3. Серверный JavaScript

ReactJS - это популярная библиотека JavaScript, используемая для растущего числа веб-сайтов. Фактически, 5,6% из 10 000 лучших веб-сайтов в настоящее время используют React, согласно данным сайта, посвященного тенденциям в области цифровых технологий, BuiltWith.

Фактически, 5,6% из 10 000 лучших веб-сайтов в настоящее время используют React, согласно данным сайта, посвященного тенденциям в области цифровых технологий, BuiltWith

Создание веб-сайтов и мобильных веб-приложений в React может помочь создать современный пользовательский интерфейс, однако, как и во многих технологиях JavaScript, существуют проблемы, связанные с поисковыми системами. К счастью, React допускает рендеринг JavaScript на стороне клиента или на стороне сервера (что делает его «изоморфным»), что означает, что сайт React может конкурировать за органический трафик.

Ниже перечислены некоторые области, в которых необходимо следить за сохранением и ростом органического трафика при переходе на сайт React JS.

1. URL должны быть «дружественными к Google» и загружаться независимо

URL-адреса должны быть как можно более похожими на статические URL-адреса с каталогами (http://www.alicesbooks.com/fiction/sci-fi/). Еще лучше, убедитесь, что вы используете слова, которые описывают содержание, чтобы каждый мог понять его.

Некоторые сайты с JavaScript-кодом или одностраничные приложения имеют хэштег в URL, который Google, скорее всего, не будет сканировать (например, https://www.alicesbooks.com/#scifi).

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

Примечание разработчика. Одним из методов разработки этих уникальных URL-адресов является навигационный компонент для React, например React Router. https://github.com/ReactTraining/react-router , PMG использует React Router с некоторыми нашими собственными инструментами.

2. Используйте стандартные <a href> ссылки в вашем HTML

Убедитесь, что соответствующий контент связан <a href> ссылками для обеспечения поиска в поисковой системе.

Избегайте размещения важного контента за событием JavaScript. Google может вообще не следить за событиями, происходящими на сайте. Как указано на Мос в прошлом году просто: «не используйте JavaScript-события onclick в качестве замены внутренних ссылок».

3. Серверный JavaScript

Зачем использовать серверный рендеринг? Рендеринг на стороне сервера гарантирует, что Googlebot сможет легко читать простой HTML-код. Да, Google определенно может сканировать и отображать клиентский JavaScript. В конкурентных пространствах слишком дорого полагаться только на рендеринг сложного JavaScript от Google.

  1. Google очень продвинут в своей способности отображать клиентский JavaScript. Однако поисковые системы и другие платформы, такие как Bing, Baidu, Яндекс, Apple и Facebook, которые регулярно сканируют сайты, обычно менее продвинуты и могут привести к значительному сокращению трафика.
  2. Тяжелый рендеринг на стороне клиента, по-видимому, приводит к тому, что Google сканирует меньше страниц для сайта - это означает, что новые страницы будут получать меньше трафика. Google не всегда отображает клиентский JavaScript, чтобы полностью понять страницу. Вероятно, это связано с тем, что затрачиваемое время значительно замедляет сканирование.
  3. Google может просто неправильно понять, с чем у человека не будет проблем при работе с JavaScript. Иногда незначительные ошибки JavaScript могут привести к отсутствию контента в Google.
  4. Даже когда поисковая система сканирует и отображает клиентский JavaScript, это все равно может привести к непредвиденному поведению, такому как сканирование множества нерелевантных файлов JSON. Предварительно отрендеренный HTML проще для поисковых систем (и маркетологов) полностью понять.

Что визуализировать на стороне сервера? Содержимое и ссылки должны быть доступны в формате HTML и должны быть доступны для сканирования, чтобы Google мог надежно прочесть страницу. Файлы JavaScript и CSS также должны быть доступны для сканирования, оставляя их разблокированными файлом robots.txt. Начальный контент, который загружается до взаимодействия с пользователем, должен выполняться на стороне сервера. После этого на стороне клиента рендеринг в порядке.

Замечания разработчика по внедрению

  • Рендеринг HTML на стороне сервера можно выполнить с помощью «ReactDOM.renderToString» вместо «ReactDOM.render». React Helmet может быть полезен для визуализации элементов заголовка, таких как мета-теги.
  • Посмотрите на Следующая структура JS для реакции. Next JS создан специально для рендеринга на стороне сервера и поставляется с собственной библиотекой внутренней маршрутизации. Сборка с нуля проще, чем модификация кода для рендеринга на стороне сервера.

Похожие

SEO обновления
... href="http://bethelsoft.com/wp-content/uploads/2017/03/Hummingbird-Update.jpg"> Обновления Колибри были введены в августе 2013 года, этот алгоритм поиска, который играет важную роль в определении рейтинга веб-страницы. Он состоит из множества факторов, которые могут повлиять на результаты обычного поиска и, конечно, на рейтинг сайта. Самые большие изменения, внесенные в обновление Hummingbird, заключаются в том,
SEO 2013 - SEO советы и советы
С некоторыми недавними изменениями в мире SEO стало ясно, что некоторые из факторов ранжирования, которые мы привыкли считать важными, постепенно становятся менее значимыми, в то время как некоторые, которые мы считали бесполезными, начинают приносить пользу. Хотя Google подавил спам-методы SEO и чрезмерно оптимизированные веб-страницы, некоторые из этих методов все еще живы и работают, сохраняя веб-сайты на
Делавэр SEO OMG
... lt="Компания, которая специализируется на обслуживании медицинского оборудования или услугах ландшафтного дизайна, вероятно, не имеет опыта в написании или анализе SEO"> Компания, которая специализируется на обслуживании медицинского оборудования или услугах ландшафтного дизайна, вероятно, не имеет опыта в написании или анализе SEO. Наша фирма SEO штата Делавэр, однако, имеет все ответы. Наши сотрудники стремятся понять, как работают поисковые системы, и помочь клиентам перейти на первую
Наступает конец SEO?
... ads/2019/11/ru-nastupaet-konec-seo-1.jpg" alt="SEO отступает от славы и подходит к концу"> SEO отступает от славы и подходит к концу. По крайней мере, автор журнала утверждает, что Forbes Кен Крог. По его словам, Google имеет основную долю в устаревании SEO (поисковая оптимизация). Правильная настройка и структура сайта составляет около 15% от общей работы поисковой
Что значит SEO?
Если вы работаете с Интернетом, вы, вероятно, слышали об этом сокращении. Эта аббревиатура расшифровывается как поисковая оптимизация, которая представляет собой набор методов, методов и / или исследований, направленных на улучшение позиционирования ваших страниц
Написание SEO статей
... href="https://id.wikipedia.org/wiki/Optimisasi_mesin_pencari"> SEO , Одним из очень важных факторов, определяющих, как веб-сайт может быть найден в рейтинге Google, является ключевое слово, используемое на веб-сайте. Оптимизация сайта очень важна путем определения правильных и подходящих ключевых слов, чтобы посетители вашего сайта могли найти вас в Google. Правильный способ оптимизации сайта помимо его использования
Шарлотта SEO Услуги
SEO или поисковая оптимизация - замечательная тактика для маркетинга. Есть много компонентов, которые входят в SEO, и 366 Marketing знает, как помочь вам со всеми из них. SEO является частью вашей входящей маркетинговой стратегии. Он генерирует потенциальных клиентов, которые заинтересованы в ваших услугах
SEO реселлер США
... lt="Рынок реселлеров SEO в течение некоторого времени испытывал экспоненциальный рост, так как многие новые интернет-маркетологи открывают для себя возможности SEO в своих кампаниях цифрового маркетинга"> Рынок реселлеров SEO в течение некоторого времени испытывал экспоненциальный рост, так как многие новые интернет-маркетологи открывают для себя возможности SEO в своих кампаниях цифрового маркетинга. Реселлеры SEO знают о новой популярной SEO-рекламе и маркетинговых стратегиях и искали способы
SEO дизайн сайта Хартфордшир
... a href="http://www.safetechdesign.co.uk/wp-content/uploads/2012/11/seobanner.png"> Найти в Google! Поисковая оптимизация! Теперь это фраза на устах многих людей в минуту. В мире «поиска» мы все знаем, что «чтобы быть найденным» нам нужно проанализировать это до смерти, чтобы убедиться, что мы появляемся в поисковых системах, чтобы гарантировать, что мы привлекаем веб-пользователей
Платные ссылки и SEO: будет ли Google панализировать ваш сайт?
Платные ссылки считаются самым простым способом быстрого ранжирования вашего сайта в SEPR; но только если у вас есть хорошие средства, чтобы потратить их на SEO-кампанию. Тем не менее, это против естественного SEO, который влияет органические результаты поиска , И это несправедливо по отношению к другим владельцам сайтов, которые либо не имеют такого большого бюджета на SEO,
SEO Best Practices для HTML5: правда, полуправда и откровенная ложь
... href="https://searchengineland.com/guide/what-is-seo"> SEO стратегия. Другие участники дискуссии прокомментировали, как теги Schema.org могут привести к дополнительному раздуванию кода, и, в конце концов, никто из экспертов не рекомендовал перекодировать весь ваш сайт с новыми тегами Schema.org, так как было очень мало эмпирических доказательств в поддержку использование тегов Schema.org в качестве стратегии SEO. Это очень похоже на то, где мы сейчас находимся

Комментарии

Должны ли быть очищены некоторые ссылки?
Должны ли быть очищены некоторые ссылки? Анализ конкуренции: Как работают ваши конкуренты по каждой ключевой фразе, на которую вы ориентируетесь? Возможность изучения: Реализовали ли вы инструменты и рычаги, чтобы предоставить Google и вашим посетителям релевантный контент? Каково содержание наших рекомендаций? Мы интегрируем SEO
И когда HTML5 поможет с моей стратегией SEO?
И когда HTML5 поможет с моей стратегией SEO? Это отличные вопросы. Я рад, что спросил. Как SEO извлекает выгоду из HTML5 Я не хочу создавать впечатление, что HTML5 вреден для SEO. Для некоторых сайтов - особенно тех, которые сильно зависят от Flash - SEO - это находка. Если у вас есть сайт, который представляет собой не что иное, как Flash, вы обязательно увидите преимущества перехода на HTML5. Прежде всего, поисковые роботы смогут сканировать
Конечно, у вас может быть программа, которая просматривает ваш сайт, сканируя существующие ключевые слова на вашем сайте, но что, если вы пропустите ключевое слово RIGHT на вашем сайте?
Конечно, у вас может быть программа, которая просматривает ваш сайт, сканируя существующие ключевые слова на вашем сайте, но что, если вы пропустите ключевое слово RIGHT на вашем сайте? Ключевые слова, как и поиски, требуют взаимодействия человека, чтобы расшифровать смысловой смысл и в терминах. До сих пор я не нашел инструмент, который хорошо подстраивается под семантику. Редактирование контента Можете ли вы иметь программное обеспечение для редактирования вашей страницы?
Конечно, эти методы SEO работали для меня, но должен ли SEO быть таким сложным сегодня?
Конечно, эти методы SEO работали для меня, но должен ли SEO быть таким сложным сегодня? Пишете ли вы хороший контент, получаете ли естественные ссылки и делаете ли ваш сайт удобным для пользователя, чтобы попасть на страницу 1? Пожалуйста, оставьте свои комментарии ниже. Примечание . Мнения, выраженные в этой статье, являются мнением автора, а не обязательно мнением Caphyon, его сотрудников или партнеров.
Gt;> HTTP / 2 и SEO: какие преимущества имеет новый протокол?
Конечно, эти методы SEO работали для меня, но должен ли SEO быть таким сложным сегодня? Пишете ли вы хороший контент, получаете ли естественные ссылки и делаете ли ваш сайт удобным для пользователя, чтобы попасть на страницу 1? Пожалуйста, оставьте свои комментарии ниже. Примечание . Мнения, выраженные в этой статье, являются мнением автора, а не обязательно мнением Caphyon, его сотрудников или партнеров.
Однако, если ссылки все еще важны, якорный текст, который используют эти ссылки, должен быть одинаково важен, верно?
Однако, если ссылки все еще важны, якорный текст, который используют эти ссылки, должен быть одинаково важен, верно? И да и нет. Определенно важно иметь привязанный текст, который имеет отношение к вашему сайту или веб-странице, но использование ваших ключевых слов в качестве закрепляющего текста для всех входящих ссылок - это верный способ попасть в поле зрения «черной шляпы» Google и страдать от последствий. Позвольте мне объяснить это на примере, который мы использовали
Мы хотели бы знать, используете ли вы Google Keyword Planner для своего SEO или вы используете другие инструменты?
Мы хотели бы знать, используете ли вы Google Keyword Planner для своего SEO или вы используете другие инструменты?
Каковы преимущества SEO или White Hat SEO?
Каковы преимущества SEO или White Hat SEO? White Hat SEO предлагает некоторые преимущества, такие как более низкая стоимость по сравнению с Black Hat SEO. У White Hat SEO есть и этические причины, так как большинство владельцев веб-сайтов хотят обосновать свое размещение на страницах результатов поиска ( SERP ) для пользователей. Еще одним преимуществом является то, что веб-сайты защищены от штрафов, например, после обновления Google . Место
Как Google определяет из 500 чрезвычайно хорошо оптимизированных сайтов наиболее релевантные для поиска?
Как Google определяет из 500 чрезвычайно хорошо оптимизированных сайтов наиболее релевантные для поиска? Одним из ключевых факторов является количество и качество внешних ссылок сайта, нацеленных на ваш сайт, а также PageRank и релевантность исходной страницы ссылки на тему страницы вашего сайта, которая получает ссылку. Положение ссылки на странице, текст вокруг, количество ссылок, выходящих со страницы, также являются важными факторами,
Но что это означает для области SEO и владельцев сайтов?
Но что это означает для области SEO и владельцев сайтов? Язык HTML разработана еще в 1990 году, до недавнего времени использовалась последняя версия - HTML4, которая вышла в свет в 1997 году. Прогресс не стоял на месте, что решался с помощью различных дополнений от сторонних разработчиков - Java, Flash, Air. Эти дополнения позволили реализовать для пользователей множество технологий и не отставать от прогресса. Но это не было выходом из ситуации, и в 2004 году разработчики из группы
Как долго вы должны платить за SEO?
Как долго вы должны платить за SEO? SEO требует времени чтобы добиться хороших результатов и должны рассматриваться как инвестиции, а не стоимость. Если вы до сих пор не занимались SEO-работой на своем веб-сайте, то лучший подход - это исправить техническую и SEO-страницу (это фиксированная сумма, описанная выше), а затем работать над ежемесячным или часовым заданием в течение как минимум 6

Что визуализировать на стороне сервера?
Должны ли быть очищены некоторые ссылки?
Анализ конкуренции: Как работают ваши конкуренты по каждой ключевой фразе, на которую вы ориентируетесь?
Возможность изучения: Реализовали ли вы инструменты и рычаги, чтобы предоставить Google и вашим посетителям релевантный контент?
Каково содержание наших рекомендаций?
И когда HTML5 поможет с моей стратегией SEO?
Конечно, у вас может быть программа, которая просматривает ваш сайт, сканируя существующие ключевые слова на вашем сайте, но что, если вы пропустите ключевое слово RIGHT на вашем сайте?
Редактирование контента Можете ли вы иметь программное обеспечение для редактирования вашей страницы?
Конечно, эти методы SEO работали для меня, но должен ли SEO быть таким сложным сегодня?
Конечно, эти методы SEO работали для меня, но должен ли SEO быть таким сложным сегодня?