SEO для одностраничных приложений

Недавно, когда я работал над val.digital (на шведском), который полностью является приложением React и другими одностраничными приложениями. Я боролся с SEO. Основная причина в том, что робот Googlebot просто еще недостаточно умен, чтобы понять, как правильно отображать SPA во всех сценариях.

Это правда, что иногда удается достаточно подождать, пока загрузится основной сайт, но много раз, все, что вы получите, когда donig «Render & Fetch» ​​в Инструментах для веб-мастеров будет пустым рендером, показывающим панель загрузки.

Это правда, что иногда удается достаточно подождать, пока загрузится основной сайт, но много раз, все, что вы получите, когда donig «Render & Fetch» ​​в Инструментах для веб-мастеров будет пустым рендером, показывающим панель загрузки

Посмотрите на скриншот слева, это будет проблемой.

Сначала я надеялся, что он все равно будет корректно индексироваться. Иногда кажется, что это работает, робот Googlebot подбирает ключевые слова, которые присутствуют только в приложении React, и иногда Render & Fetch будет делать правильные вещи. Google ясно осознал, что на странице есть больше материала.

Тем не менее, это не всегда верно, что он может сделать это. В мое время постоянно развивалась страница. Многие термины фактически не подобраны роботом Googlebot. И самое популярное ключевое слово для сайта в соответствии с Инструментами для веб-мастеров - «загрузка». Это не здорово.

Чтобы решить проблемы, мой первый подход состоял в том, чтобы поместить некоторый статический HTML, содержащий меню, с тегами <a>, связывающими различные подстраницы внутри элемента React, которые будут заменены приложением во время загрузки. HTML-код был почти идентичен тому, что будет выводиться позднее React, и представлял собой «рендеринг на стороне сервера с плохой репутацией». Я надеюсь, что их непосредственное присутствие в HTML поможет Google найти другие страницы и проиндексировать их. В противном случае на первой странице вообще не было ссылок на первую страницу.

Это было напрасно.

Следующим подходом было создание более насыщенных текстом страниц. Так как val.digital представлены политические опросы, все страницы практически идентичны по структуре, везде огромные диаграммы. Это трудно для индексации. Чтобы исправить это, я создал Страница часто задаваемых вопросов с большим количеством текста для Google, чтобы сожрать. Это также не увенчалось успехом, даже через месяц после того, как я добавил его на страницу, Google не проиндексировал текст на нем. И ни одна из других страниц сайта не была добавлена ​​в обзор (несмотря на то, что они есть в файле Sitemap).

Грустное зрелище для любого веб-мастера.

Следующим шагом было внедрение рендеринга React на стороне сервера, то есть каждая страница предварительно рендерилась с полным HTML-кодом, который React на стороне клиента будет рендерить при запуске. И это работает! У меня были некоторые трудности с получением React для рендеринга в статический HTML-файл (а не на стороне сервера по требованию), но как только я наконец заработал, все прошло гладко, и теперь, наконец, робот Googlebot выбирает все ключевые слова, которые я хочу ,

Наконец, кажется, Google поднимает больше, чем первая страница.

В заключение следует отметить, что рендеринг на стороне сервера должен рассматриваться как обязательный для одностраничных приложений на сегодняшний день. Даже если Google иногда удается отобразить страницу со всеми работающими JS, она не на 100% надежна и не сможет правильно проиндексировать весь ваш сайт, если вы положитесь на него.

Похожие

SEO, The
Доступное содержимое: текст GEA 2000 | Последнее обновление 08/04/2009 мечеть Муслим был преобразован, после завоевания Сарагосы царем
SEO умирает?
... SEO уже умер несколько раз. Другие даже считали это чрезмерной версией избиения мертвой лошади. SEO мертв? А если нет, то умирает ли? Что касается поисковых систем, особенно монолиты, такие как печально известный Google, начинают выпускать обновления, которые продолжают развивать технологический ландшафт. Эти новые и разные изменения, как правило, заставляют людей каждый раз задаваться
SEO London
... SEO, мы начнем работу и завершим ваш сайт в согласованные сроки Многолетний опыт работы в качестве специалистов по SEO гарантирует отличное обслуживание в любое время. Серверная часть, которая управляет всеми нашими веб-сайтами, - это наш собственный пользовательский интерфейс для обновления и дополнения вашего веб-сайта. Он был написан на PHP с нуля и развивался в течение многих лет, чтобы стать мощной,
Этическое SEO
«Этическое SEO» - это правильная поисковая оптимизация. Это своего рода странная фраза, обычно используемая «сомнительными» провайдерами SEO в попытке сделать свои сервисы более безопасными. Точно так же теневые оптимизаторы часто утверждают, что они являются «белой шляпой», что означает, что они делают вещи только в соответствии с рекомендациями Google,
SEO Assistant
Когда вы вставляете контент на свой сайт, важно убедиться, что страницы оптимизированы для поисковых систем. Это сделано для того, чтобы ваши посетители и клиенты могли легко найти ваш сайт с помощью поисковой системы, например, Google. В C1 CMS есть инструмент SEO Assistant, который может дать вам несколько советов о том, насколько хорошо отдельные страницы оптимизированы для поисковых систем. SEO Assistant включает в себя: Поле для добавления ключевых слов
SEO Мюнхен
В Германии 16 миллионов сайтов! Если вы хотите, чтобы вас нашли на вашем сайте и вы хотите успешно продвигать свою услугу или свой продукт, ваш сайт должен быть одним Поисковая оптимизация Проходить (SEO). Опыт показывает, что кликают максимум из первых 10 результатов (эквивалент 1-й страницы) пользователей. Компании и провайдеры на задних сиденьях практически не встречаются, а иногда и вовсе не замечаются.
SEO консультант | SEO Эксперт | NetStrategy®
... SEO консультант в вашем полном сервисе Вы ищете идеально адаптированное обучение для ваших конкретных потребностей? Тренинг 1: 1 NetStrategy® призван удовлетворить эту потребность. От нас до вашей компании, от одного из наших SEO консультантов до вас, напрямую и без какого-либо посредничества: это то, что означает индивидуальный подход .
Ace SEO 101 с Drupal SEO Grader
... seo-101-s-drupal-seo-grader-1.jpg" alt="Не было бы здорово, если бы ваш сайт мог уведомить вас, когда он потерял популярность у Google"> Не было бы здорово, если бы ваш сайт мог уведомить вас, когда он потерял популярность у Google? «О, эй, тебе нужно разместить тег <H1> на главной странице, если ты хочешь получить рейтинг первой страницы, приятель». Что ж, твое желание было исполнено! 29 ноября 2011 года Volacci и Acquia выпустили новый Drupal SEO Grader. Volacci
Профессиональный SEO Эксперт | SEO Эксперт Калькутта | SEO Эксперт Индия - Энди
... для сайта? Но для всего вышеперечисленного нужно иметь хороший SEO эксперт чтобы вы поняли все тонкости бизнеса. Что заставило меня приклеить к поисковым системам и ключевым словам? Хотя многие приходили
8 отличных плагинов для WordPress SEO
WordPress - один из самых популярных инструментов для публикации контента в Интернете. Все от сайты электронной коммерции в
SEO Борнмут
Хотите увеличить поисковый рейтинг своего бизнеса? Тогда вам будет приятно узнать, что здесь, на Сеть южного побережья мы предоставляем комплексный SEO Борнмут сервис в дополнение к SEO для компаний по всей Великобритании. Наша SEO-кампания в Борнмуте - это верный способ попасть в тройку лидеров в поисковых системах, таких как Google, Bing

Комментарии

SEO Prestashop: как работает SEO Prestashop CMS?
SEO Prestashop: как работает SEO Prestashop CMS? 2 одинаковые ссылки на одной странице, это привлекательно ... Любой, кто работает в Интернете, будь то электронная коммерция или нет, знает, что ссылки являются важной основой для позиционирования сайта, будь то внутренний или внешний. Давайте начнем с некоторых основных напоминаний, которые необходимы для хорошего понимания того, что будет дальше.
Почему разумно выбирать компании SEO для ваших проектов SEO?
Почему разумно выбирать компании SEO для ваших проектов SEO? Профессиональная и сертифицированная команда по доступной цене 100% экономия на настройке офисной инфраструктуры и управлении командой. 100% решение для уровня белого с соглашением NDA Своевременная отчетность и маркетинг сайтов. Доступ к матрице роста. Выделенный менеджер по работе с клиентами для любых проблем или вопросов, касающихся любого проекта Планирование,
Почему поисковая оптимизация (SEO) важна для сайта?
Почему поисковая оптимизация (SEO) важна для сайта? Веб-трафик на сайт получают в основном поисковые системы. Люди ищут много вещей ежедневно в поисковых системах , Поисковые системы помогают людям найти ваш сайт. Если поисковые системы не могут найти ваш сайт, вы упустите возможность привлечь трафик на ваш сайт. Поисковая оптимизация (SEO) - это инструмент для привлечения такого трафика на ваш
Как «контентный маркетинг может полностью обогнать SEO», если единственным способом успешного контентного маркетинга является SEO?
Как «контентный маркетинг может полностью обогнать SEO», если единственным способом успешного контентного маркетинга является SEO? Как вы можете разорвать эти два на части, как это? К счастью, в какофонии путаницы есть голос разума (например, статья smallbusiness.yahoo выше). Осторожные маркетологи наблюдали разрыв и пытаются указать, что SEO и контент-маркетинг идут вместе
1. Что такое локальный SEO и чем он отличается от SEO?
1. Что такое локальный SEO и чем он отличается от SEO? Краткое введение Локальное SEO - это практика, улучшающая видимость вашего бизнеса в локальных результатах, предоставляемых Google. Крупные компании с огромными бюджетами больше не имеют преимущества, благодаря локальному поисковому маркетингу, помогающему малым предприятиям выделяться для локальных запросов в Интернете. Есть примерно
SEO СТРАТЕГИЯ 2018: Как улучшить SEO?
SEO СТРАТЕГИЯ 2018: Как улучшить SEO? 4 (80%) 1 голос (ов) Как и каждый год, новые продукты SEO и объявления от Google не останавливайся ... но не паникуй! Мы здесь, чтобы вести вас! Мы уже говорили в старых постах об основных рекомендациях по улучшению вашего SEO как
Продвигаете ли вы свое приложение в результатах поиска с помощью индексации приложений и / или пакетов приложений?
Продвигаете ли вы свое приложение в результатах поиска с помощью индексации приложений и / или пакетов приложений? Какие успехи вы видели из этих методов? Какие проблемы вы решили?
De Поэтому снова и снова спрашивают, как найти подходящее SEO или SEO агентство?
Продвигаете ли вы свое приложение в результатах поиска с помощью индексации приложений и / или пакетов приложений? Какие успехи вы видели из этих методов? Какие проблемы вы решили?
Почему SEO услуги от SEO Power Solutions?
Почему SEO услуги от SEO Power Solutions? Представьте себя в шкуре ваших потенциальных клиентов. Среди тысяч онлайн-компаний вы ищете что-то в поисковой системе и пытаетесь найти что-то, что имеет наилучшее качество и самую доступную цену. Итак, вы находите свой собственный бизнес в поисковой выдаче на странице 1? Поисковая оптимизация - это решение
Являются ли они экспертами по SEO или просто имеют в виду людей, которые немного знают о SEO?
Являются ли они экспертами по SEO или просто имеют в виду людей, которые немного знают о SEO? Как работает SEO SEO иногда может быть загадкой для новых маркетологов. Кажется, что должно быть какое-то волшебное моджо, которое люди используют, чтобы попасть на первую страницу Google или на первую страницу списков Etsy. Это просто неправда! И Etsy, и Google - это базы данных, которые используют слова для ранжирования результатов, которые должны появиться
Давайте посмотрим, соответствует ли Yoast SEO шумихе, всем и их собакам нравится бесплатный плагин Yoast SEO, но хорошо ли это?
Давайте посмотрим, соответствует ли Yoast SEO шумихе, всем и их собакам нравится бесплатный плагин Yoast SEO, но хорошо ли это? Yoast WordPress SEO плагин Чирикать сейчас

SEO мертв?
А если нет, то умирает ли?
SEO консультант в вашем полном сервисе Вы ищете идеально адаптированное обучение для ваших конкретных потребностей?
Для сайта?
Что заставило меня приклеить к поисковым системам и ключевым словам?
SEO Prestashop: как работает SEO Prestashop CMS?
Почему разумно выбирать компании SEO для ваших проектов SEO?
Почему разумно выбирать компании SEO для ваших проектов SEO?
Как «контентный маркетинг может полностью обогнать SEO», если единственным способом успешного контентного маркетинга является SEO?

Авторизация

Реклама

Реклама

Архив сайта

    Как путешествовать и зарабатывать деньги
    Согласились бы вы путешествовать в свое удовольствие по разным городам и странам и при этом зарабатывать? Наверняка многие ответят утвердительно. Если вы хотите начать зарабатывать, путешествуя, велкам!

    Сонник: путешествие, к чему снится путешествие — полное толкование снов
    Во время сна мы путешествуем по закоулкам своего подсознания. Нам снятся самые разные сны — цветные и черно-белые. Иной раз подумаешь, что приснившееся сновидение могло прийти только к алкоголику или

    10 Доступных способов путешествовать по миру бесплатно
    10 Доступных способов путешествовать по миру бесплатно Путешествия! Как много в этом слове! Путешествия — это мечта! И все это действительно так. Хотя наверняка сейчас найдется немало скептиков, которые

    10 способов путешествовать по миру бесплатно
    Пуууутешествия! Как много в этом слове! Радость новых впечатлений, яркость неизведанных эмоций и огромный восторг, который даже взрослых и серьезных людей способен превратить в искренних, радующихся свободе

    По миру без виз
    В мае завершился очередной сумасшедший проект профессионального путешественника и писателя Валерия Шанина: кругосветное путешествие, в ходе которого туристам ни разу не пришлось заходить в иностранные

    Можно ли беременным путешествовать?
    Вот оно, свершилось! Новость о скором пополнении в семье не только радует, но и порой заставляет кардинально поменять все планы на жизнь. И это понятно – будущая мамочка очень переживает о своем драгоценном

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

    5 сомнительных способов перемещаться во времени
    Эммет Браун утверждал, что достаточно разогнаться на "Делориане" , чтобы попасть и в прошлое, и в будущее. Хотя многие имеют дерзость не согласиться со светочем и предлагают свои теории. Впрочем, они

    Как путешествовать и зарабатывать деньги, или Творческий бизнес в дороге
    Наверняка многие ответят утвердительно. Но вот незадача: нет ни средств, ни возможности, ни даже идеи, как это можно воплотить в жизнь. Но отчаиваться рано: с последним пунктом поможет разобраться Дарья

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


Облако тегов