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

  1. SEO решение
  2. 1. Включите hashbang на стороне клиента
  3. 2. Направляйте URL-адреса с помощью escaped_fragment на кэшированные страницы на стороне сервера.
  4. 3. Захватывайте, сохраняйте и сохраняйте предварительно обработанные снимки
  5. SPA SEO Услуги

Шесть месяцев назад нашими критериями для разработки приложений с использованием клиентской MVC (одностраничные приложения или SPA) или серверной MVC были либо: клиентская MVC, если SEO (поисковая оптимизация) не имела значения, либо серверная MVC, если она была…   Однако эта стратегия оказалась менее применимой, поскольку популярность SPA растет, а MVC на стороне сервера продолжает снижаться
Шесть месяцев назад нашими критериями для разработки приложений с использованием клиентской MVC (одностраничные приложения или SPA) или серверной MVC были либо: клиентская MVC, если SEO (поисковая оптимизация) не имела значения, либо серверная MVC, если она была…

Однако эта стратегия оказалась менее применимой, поскольку популярность SPA растет, а MVC на стороне сервера продолжает снижаться. Мы часто сталкиваемся с проектами, которые требуют как MVC на стороне клиента, так и SEO. Поскольку большинство поисковых систем не выполняют сценарии JavaScripts на страницах html, а содержимое на страницах SPA в основном генерируется JavaScript, индексация страниц одностраничного приложения дает плохие результаты SEO.

SEO решение

Используя (наш любимый) AngularJS, вот один из подходов к решению проблемы SEO для одностраничных приложений. Примечание. Тот же подход можно использовать и для других платформ (например, Backbone и Ember). Смотрите ссылки в разделе Ресурсы для более подробной информации.

Большинство поисковых систем поддерживают соглашение об использовании hashbang - когда они видят #! в URL они заменят его на? _escaped_fragment_.

Например:

http: //example.com/#!/products

будет проиндексирован по расширенному URL:

http: //example.com/?_escaped_fragment_=/products

Таким образом, идея состоит в том, чтобы хранить и обслуживать предварительно отрендеренные страницы (снимки) по расширенным URL-адресам. Снимок страницы содержит содержимое DOM, уже обработанное JavaScript.

Требуется несколько шагов, чтобы сделать эту работу:

1. Включите hashbang на стороне клиента

Так как по умолчанию Angular route (urls) использует префикс / # /, нам нужно использовать следующее, чтобы создавать маршруты для использования формата / #! / Hashbang.

$ locationProvider. hashPrefix ('!');

Для приложений, использующих push5 для HTML5, нам нужно добавить

& lt; meta name = "фрагмент" содержание = "!" & gt;

в раздел <head> страниц для индексации. В приложениях Angular push-состояние активируется с помощью:

$ locationProvider. html5Mode (true);

2. Направляйте URL-адреса с помощью escaped_fragment на кэшированные страницы на стороне сервера.

Rails / Sinatra - используйте промежуточное программное обеспечение Rack для перенаправления на предварительно обработанные URL-адреса. Node / Express - используйте промежуточное программное обеспечение для перенаправления на предварительно обработанные URL-адреса. Apache - используйте mod_rewrite для перезаписи на предварительно обработанные URL-адреса. Nginx - используйте прокси для предварительно обработанных URL-адресов.

Для приложений Rails вы можете определить в промежуточном программном обеспечении Rack, поступает ли запрос от искателя, проверив, присутствует ли в запросе «_escaped_fragment», и перенаправив на предварительно обработанные URL-адреса:

query_hash = Rack :: Utils. parse_query (request. query_string) если query_hash. has_key? ('_escaped_fragment_') # перенаправить на предварительно обработанные URL-адреса ... end

3. Захватывайте, сохраняйте и сохраняйте предварительно обработанные снимки

Делайте это на регулярной основе, желательно, как только будут внесены изменения в содержание страниц, которые необходимо проиндексировать. Примечание: захватывайте только страницы, достойные SEO.

Существует ряд инструментов, которые можно использовать для создания снимков веб-страниц. PhantomJS, CasperJS и Zombie - отличные варианты.

Вот пример JavaScript, который использует CasperJS (который использует PhantomJS и предоставляет некоторые хорошие функции браузера более высокого уровня) для захвата страницы:

var casper = require ('casper'). Создайте ( ) ; var url = 'http: // localhost: 3000 / #! /'; каспер start (url, function () {var js = this. оценивать (function () {вернуть документ;}); this. echo (js. all [0]. externalHTML);}); каспер бежать ( ) ;

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

Вот снимки экрана приложения Angular TodoMVC (с бэкэндом Rails):

Снимок экрана № 1 - Оригинальный контент, представленный AngularJS Снимок экрана № 1 - Оригинальный контент, представленный AngularJS

Снимок экрана № 2. С точки зрения сканера, содержимое не было проиндексировано (смоделировано с отключенным в браузере JavaScript) Снимок экрана № 2

Снимок экрана № 3 - Снимок, сделанный с помощью CasperJS, подается по расширенному URL со всем содержимым Снимок экрана № 3 - Снимок, сделанный с помощью CasperJS, подается по расширенному URL со всем содержимым

Как вы можете видеть, снимок (снимок экрана № 3 выше) содержит все содержимое исходной страницы (снимок экрана № 1) без стилизации, готовый для индексации сканерами.

SPA SEO Услуги

Не заинтересованы в методе DIY? Вот несколько сервисов, которые предоставляют SEO для одностраничных приложений:

Если вы используете Divshot (если нет, взгляните), встроена поддержка SPA SEO, они сотрудничают с Prerender.io, чтобы предоставить вам эту замечательную функцию. Подробности смотрите здесь:

Ресурсы

Похожие

SEO консалтинговые услуги
... seo-konsaltingovye-uslugi-1.jpg" alt="Пример анализа карты органического тепла: поисковый трафик на душу населения Нормализовано 50-100 Demand Signals предлагает услуги SEO-консалтинга, которые помогут вам справиться с уникальными задачами поисковой оптимизации"> Пример анализа карты органического тепла: поисковый трафик на душу населения Нормализовано 50-100 Demand Signals предлагает услуги SEO-консалтинга, которые помогут вам справиться с уникальными задачами поисковой
Joomla SEO
Какие SEO расширения Joomla могут помочь вам повысить рейтинг? Joomla - одна из наиболее популярных систем управления контентом или CMS. Если вы выбираете Joomla чтобы создать свой сайт, важно использовать правильные расширения. Расширение - это еще один способ сказать плагин, и с Joomla вы
SEO стажер
Как Инфотех является профессионально ориентированной компанией веб-дизайна и веб-разработки, расположенной в Нью-Дели, Индия. Мы проводим обучение по проектам в области поисковой оптимизации в режиме реального времени для выпускников ИТ-отделов / Fresher, которые готовы сделать свою карьеру
SEO услуги Джеффри Брановер
Здравствуйте, меня зовут Джеффри Брановер. Я являюсь консультантом по стратегическому маркетингу в Лос-Анджелесе и специализируюсь на поисковой оптимизации (SEO). Наличие вашего сайта на главной странице Google, Yahoo, Bing и других поисковых систем является одним из самых важных элементов для продвижения вашего сайта на вершину. Благодаря интеграции проверенной стратегии SEO веб-страница вашего бизнеса повысит свой общий рейтинг в World Wide Web. Это создаст более надежные позиции для вашего
White Hat SEO - Position1SEO
... называемых методов «черной шляпы» на гораздо более органичный SEO. Они основаны на качестве, а не на количестве и предназначены для удовлетворения двух потребностей. Во-первых, это позволяет Google эффективно классифицировать ваш сайт, когда речь идет о наиболее распространенных поисковых терминах для вашего сектора, а во-вторых, чтобы он был полезен для вашей аудитории. Если в прошлом вы уклонялись от SEO, вам больше не нужно этого делать. Единственный потенциальный недостаток
GSA SEO Indexer
... seo-indexer-1.png" alt="31"> GSA SEO Indexer 2.31 доступен для скачивания в нашей библиотеке программ. Следующие версии наиболее часто загружаются пользователями программы: 1.8 и 1.5. GSA SEO Indexer находится в разделе Инструменты разработки в подкатегории WEB Development. Файл установщика программы обычно называется SEO_Indexer.exe. Размер файла последнего доступного установочного пакета составляет 11,3 МБ. Наш антивирус проверил эту загрузку и оценил ее как
SEO с виджетами
Виджеты сейчас крутые - но полезны ли они для оптимизации Google? На семинаре по SEO мы говорили о том, можно ли и как создавать внешние ссылки. Отличным предложением было создать виджет для блоггеров и веб-мастеров, которые затем разместят их на своем сайте. Отличная идея, но так, чтобы ничего не проскальзывало, поэтому вот несколько советов и мыслей.
SEO Jobs Finder
SEO компании Индии | SEO компании США | SEO компании в Великобритании | SEO компании Швеции | SEO компании в Швейцарии |
Alpha SEO Consultancy
Добро пожаловать в Alpha SEO Consultancy! ДОПОЛНИТЕЛЬНЫЕ МЕСТНЫЕ УСЛУГИ SEO SEO Консультационная Служба Будучи небольшой девонской консалтинговой фирмой в Девоне, мы в первую очередь нацелены на то, чтобы помочь местным компаниям создать жизнеспособное присутствие в Интернете и доминировать в своем конкретном секторе рынка. Чтобы достичь этого, мы предлагаем очень индивидуальную консультационную
Пассаж в SEO
... нать, что такое пассаж"> Для подготовки эффективного SEO-контента важно знать, что такое пассаж. Так называют последовательность слов, которая отделяется от следующей группы определенным знаком препинания или HTML-тегом. Знаки препинания для разделения - это точка (если она отделена пропуском от следующего слова), вопросительный и восклицательный знаки. HTML-теги - это заголовок любого уровня, новый абзац, перенос строки и тому подобное. Чтобы страница заняла высокий
Социальная серия SEO оптимизации: SEO для Instagram
... seo-optimizacii-seo-dla-instagram-1.png" alt="Как я уже упоминал в первой статье этой серии SEO оптимизация для Facebook социальные сети в настоящее время не являются фактором ранжирования SEO, однако наше социальное присутствие может положительно повлиять на вашу органическую видимость и косвенно помочь улучшить ваш органический рейтинг"> Как я уже упоминал в первой статье этой серии SEO оптимизация

Комментарии

Как местоположение сервера влияет на SEO?
Как местоположение сервера влияет на SEO? Как объяснить Google (и Bing) страну, на которую ориентирован мой веб-сайт? Что если мой веб-сайт на нескольких языках, использует подкаталоги и предназначен для пользователей по всему миру? Должен ли я использовать услугу CDN? Как связать разные версии, используя атрибуты hreflang? Чтобы начать отвечать на эти и другие вопросы, я рассмотрю три разных случая, начиная с более простого и заканчивая более сложным:
Тщательное удаление Screaming Frog SEO Spider с вашего Mac с помощью MacRemover становится невероятно простым и быстрым, верно?
Тщательное удаление Screaming Frog SEO Spider с вашего Mac с помощью MacRemover становится невероятно простым и быстрым, верно? Вам не нужно проверять библиотеку или вручную удалять ее дополнительные файлы. На самом деле, все, что вам нужно сделать, это движение «выбрать и удалить». Поскольку MacRemover пригодится всем, кто хочет избавиться от нежелательных программ без каких-либо хлопот, вы можете скачать его и наслаждаться отличным пользовательским интерфейсом прямо сейчас! Эта статья
Вы хотите провести SEO аудит вашего сайта, конкурента или клиента?
Вы хотите провести SEO аудит вашего сайта, конкурента или клиента? В этой статье я предлагаю открыть инструменты для полного и быстрого SEO-аудита. Если вы управляете веб-сайтом, вы, безусловно, хотите оптимизировать его, чтобы увеличить трафик посетителей. естественные ссылки является ключевым моментом для увеличения вашего трафика, и это бесплатно. Краткое содержание статьи:
Зачем вам SEO услуги?
Зачем вам SEO услуги? Ваши потенциальные клиенты ищут в Интернете (в Google, Bing или Yahoo) продукты и услуги, которые вы предлагаете, и, если вас нелегко найти, эти потенциальные клиенты перейдут на веб-сайт вашего конкурента. Наши SEO-сервисы помогут вам найти вас в Интернете, когда потенциальные клиенты ищут ваши услуги и продукты. Наши SEO-пакеты стратегически разработаны и проверены, чтобы помочь вам привлечь больше клиентов, продаж и трафика. Свяжитесь с нами
Фразы типа «лучше понимать страницы» и «ранжировать проще» хороши для SEO консультантов и сайтов, верно?
Фразы типа «лучше понимать страницы» и «ранжировать проще» хороши для SEO консультантов и сайтов, верно? Типами структурированных данных недооценены следующие: sameAs - помогает создавать отношения между отдельными объектами / объектами. Вы можете сделать ссылку из книги автора на его сайт социальной сети, официальный сайт, вики-страницу и так далее. Также обратитесь к страницам на иностранных языках. Потому
Услуги SEO не дешевы, стоит ли это того?
Услуги SEO не дешевы, стоит ли это того? Во многих случаях ответ будет «да». Вот как вы можете решить для себя: Первое. Оцените коэффициент конверсии для каждого ранга в Google. В этом случае мы скажем, что 3-й ранг составляет 9%, а 2-й ранг составляет 15%. Второе: рассчитать увеличение месячной стоимости. В этом случае мы вычитаем коэффициент конверсии ранга 2-го места в 15% из коэффициента конвертации 3-го места в 9%. Это становится: Средняя стоимость
Если вы ищете помощь SEO, попросите компанию, которую вы ищете, нанять простой вопрос… «Какова будет ваша стратегия SEO для моего бизнеса?
Если вы ищете помощь SEO, попросите компанию, которую вы ищете, нанять простой вопрос… «Какова будет ваша стратегия SEO для моего бизнеса?» Если они отвечают, не задавая никаких вопросов о ваших бизнес-целях и задачах, я рекомендую вам продолжить поиск в другом месте. Я написал статью для предпринимателя под названием « 9 ключевых вопросов, которые следует задать SEO компании, прежде чем нанимать ее или увольнять
Вы находитесь в Лионе и его регионе, и вам нужна SEO или SEO оптимизация для вашего сайта?
Вы находитесь в Лионе и его регионе, и вам нужна SEO или SEO оптимизация для вашего сайта? HDV Référencement вмешивается в сектор Auvergne Rhône Alpes для любого SEO-аудита, сетевых ссылок или SEO-оптимизации. SEO сайта Овернь Рона-Альпы
Ваше агентство SEO отправляет вам ежемесячные отчеты SEO, чтобы вы знали свою реальную ситуацию в Google?
Ваше агентство SEO отправляет вам ежемесячные отчеты SEO, чтобы вы знали свою реальную ситуацию в Google? SEO-аудит, также называемый SEO-анализом или расширенным SEO-отчетом,
Вы знаете, что SEO важен для успеха вашего сайта WordPress, но когда вы в последний раз заглядывали под капот, чтобы оценить свою эффективность SEO?
Вы знаете, что SEO важен для успеха вашего сайта WordPress, но когда вы в последний раз заглядывали под капот, чтобы оценить свою эффективность SEO? В этом посте мы расскажем вам об инструментах, шагах и вопросах для проведения вашего собственного SEO-аудита WordPress. Оценив наиболее важные факторы, влияющие на производительность поисковой оптимизации, вы убедитесь, что ваш сайт работает на оптимальном уровне. Ниже приведены вопросы, которые мы считаем наиболее важными для
Чем отличается местный SEO от обычного (национального) SEO?
Чем отличается местный SEO от обычного (национального) SEO? Основные элементы SEO применимы как к SEO, так и к SEO. Вот некоторые из этих факторов: использование ключевых слов, заголовки и текстовые изображения для внутренних и входящих ссылок, социальные сети и индексация в поисковых системах за пределами страницы. Разница между местным и национальным SEO заключается в том, что приоритет и внимание уделяется действиям, которые повлияют на то, как местные интернет-пользователи получают

В URL они заменят его на?
Com/?
Has_key?
Как местоположение сервера влияет на SEO?
Как объяснить Google (и Bing) страну, на которую ориентирован мой веб-сайт?
Что если мой веб-сайт на нескольких языках, использует подкаталоги и предназначен для пользователей по всему миру?
Должен ли я использовать услугу CDN?
Как связать разные версии, используя атрибуты hreflang?
Тщательное удаление Screaming Frog SEO Spider с вашего Mac с помощью MacRemover становится невероятно простым и быстрым, верно?
Вы хотите провести SEO аудит вашего сайта, конкурента или клиента?