AngularJS SEO: Получите ваш сайт проиндексирован и в верхней части результатов поиска.

  1. Подайте предварительно обработанный HTML сканерам, а не Javascript.
  2. Клиентская сторона: следуйте протоколу сканирования Google Javascript
  3. Если вы используете URL с #
  4. Если вы используете HTML5 push state
  5. Сторона сервера: возвращение статического HTML вместо Javascript
  6. Собираем все вместе

Итак, вы создали красивый, быстрый и удобный веб-сайт, используя AngularJS, и теперь вы хотите, чтобы больше пользователей начали просматривать его

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

Подайте предварительно обработанный HTML сканерам, а не Javascript.

AngularJS отображает страницы с использованием Javascript, но Google и другие поисковые роботы не выполняют Javascript . Когда они получат доступ к вашим страницам, они, скорее всего, получат кучу пустых страниц.

AngularJS сделан Google, так что вы знаете, что однажды они смогут запустить Javascript. Но пока и до тех пор, пока все другие сканеры поисковых систем не догонят вас, вы должны вернуть завершенный HTML-код сканеру, если вы хотите, чтобы ваш веб-сайт был правильно проиндексирован.

Основные шаги:

  1. Google замечает, что ваша страница отображается с использованием Javascript.
  2. Google запрашивает ваши страницы с измененным URL.
  3. Вы возвращаете предварительно обработанный HTML сканеру.

Это где prerender.io приходит. Мы предоставляем промежуточное программное обеспечение, которое обнаруживает запросы на сканирование. Мы визуализируем ваши страницы, выполняя полный Javascript за кулисами в браузере, а затем возвращаем статический HTML сканерам.

Клиентская сторона: следуйте протоколу сканирования Google Javascript

Для справки, полный протокол Вот ,

Протокол сканирования Google Javascript предназначен для веб-сайтов, которые отображают с использованием Javascript или нуждаются в ожидании завершения вызовов AJAX. Если вы следуете протоколу Google, Google отправит запрос на ваш сервер с измененным URL, чтобы вы могли вернуть статическую HTML-версию страницы. Вот как:

Если вы используете URL с #

Ничего после хэша в URL не отправляется на ваш сервер. Поскольку платформы Javascript изначально использовали хэш в качестве механизма маршрутизации, это основная причина, по которой Google создал этот протокол.

Измените ваши URL на #! вместо того, чтобы просто использовать #.

angular.module ('myApp'). config (['$ locationProvider', function ($ locationProvider) {$ locationProvider.hashPrefix ('!');}]);

Гугл ищет #! URL-адреса, а затем принимает все после #! и добавляет его в качестве параметра запроса с именем _escaped_fragment_. Таким образом, Google эффективно решает проблему всего, что связано с тем, что хеш не отправляется на ваш сервер.

Google находит такие URL:

http://www.example.com/#!/user/123

Google отправляет запрос на ваш сервер следующим образом:

http://www.example.com/?_escaped_fragment_=/user/123

Если вы используете prerender.io наше промежуточное ПО увидит параметр запроса _escaped_fragment_ и автоматически предоставит статический HTML сканеру за вас.

Если вы используете HTML5 push state

Вы должны сообщить Google, что ваша страница состояния push-кода HTML5 использует Javascript, чтобы Google мог запросить статическую HTML-страницу. Для этого просто добавьте этот тег в <head> всех ваших страниц:

<meta name = "фрагмент" content = "!">

Google увидит этот метатег и отправит еще один запрос на ваш сервер, чтобы запросить статическую HTML-страницу.

Google находит такие URL:

http://www.example.com/user/123

Google отправляет запрос на ваш сервер следующим образом:

http://www.example.com/user/123?_escaped_fragment_=

Если вы используете prerender.io наше промежуточное ПО увидит параметр запроса _escaped_fragment_ и автоматически предоставит статический HTML сканеру за вас.

Сторона сервера: возвращение статического HTML вместо Javascript

Теперь, когда Google запрашивает URL с помощью _escaped_fragment_, вам просто нужно вернуть статический HTML.

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

Google отправляет запрос на ваш сервер следующим образом:

http://www.example.com/?_escaped_fragment_=/user/123

Вы превращаете URL обратно в это:

http://www.example.com/#!/user/123

Ты можешь использовать prerender.io сервер с открытым исходным кодом или сервер phantomjs для рендеринга и кэширования вашего статического HTML. Вы также можете свернуть свой собственный сервер phantomjs или даже использовать задачу grunt для генерации статического HTML при фиксации. Есть много разных способов ... достаточно для другого сообщения в блоге. А пока просто используйте prerender.io ;)

prerender.io позаботится обо всем этом для вас. Ваш веб-сайт передает запрос Google на наш сервер, где мы преобразуем исходный URL-адрес, проверяем кэш для вашей страницы, отображаем страницу в браузере, а затем возвращаем страницу сканеру.

Собираем все вместе

Итак, резюмируем:

  1. Скажите Google, что ваши страницы отображаются с помощью Javascript с помощью #! или тег <meta name = "фрагмент" content = "!">.

  2. Google запрашивает ваши URL с параметром запроса _escaped_fragment_.

  3. Вы перестраиваете исходный URL из _escaped_fragment_ на вашем сервере.

  4. Вы предоставляете сканеру статический HTML для этого URL.

Теперь вы уже на пути к множеству новых пользователей, благодаря поисковым системам!

Если вы используете prerender.io Вам нужно только побеспокоиться о том, чтобы сообщить Google, что ваши страницы отображаются с помощью Javascript. Мы позаботимся обо всем остальном для вас!

Похожие

Кент SEO
Я предоставляю услуги по поисковой оптимизации и поисковому маркетингу уже более 9 лет, и в первый же год получаю на 800% больше целевого трафика почти для всех моих клиентов. Если вы используете цифровой маркетинг для увеличения продаж в своем бизнесе и не пользуетесь услугами опытного SEO-специалиста, тогда вы просто оставляете деньги на соревнованиях - вы помогаете своим конкурентам, не действуя сейчас.
Майами SEO
Нужна SEO в Майами для вашего бизнеса? Сделайте свой бизнес веб-сайт выделиться в крупных городах США Получите отзывчивый сайт с высоким трафиком, вознагражденный Google Найдите в Интернете то, что вы делаете, увеличьте свою экспозицию Развивайте свой бренд и улучшайте свою прибыль
Сан-Хосе SEO
Готовы работать с экспертом в Сан-Хосе SEO? Сделайте свой бизнес веб-сайт выделиться в крупных городах США Получите отзывчивый сайт с высоким трафиком, вознагражденный Google Найдите в Интернете то, что вы делаете, увеличьте свою экспозицию Развивайте свой бренд
Роли SEO
SocialSEO является полноценной компанией Raleigh SEO. Мы работаем в Роли, штат Северная Каролина, в течение многих лет, и у нас есть команда преданных экспертов по SEO, которые хорошо разбираются в местном рынке. Наша команда поисковой оптимизации готова помочь вашему бизнесу расти. Являетесь ли вы небольшим предприятием, расположенным в районе Роли, или крупным брендом с местными связями, мы являемся SEO-консультантами, которым вы можете доверять.
Знакомство: SEO
Хотите узнать больше о людях, которые называют Enova домом? Мы задали нашим специалистам по SEO Патрику Маккарти пять наших любимых вопросов «лучше узнать вас», и вот что он должен был сказать: 1. Как вы пришли на работу в Enova? По сути, сотрудник Enova AbracaBABSra Davidson обманул меня. Мы работали вместе на предыдущей должности,
SEO: улучшите свою стратегию Google SEO
Разработка вашей стратегии SEO в Google, а затем настройка ваших действий имеет важное значение для достижения успеха на вашем сайте. В партнерстве с независимый SEO Я разрабатываю вашу стратегию SEO и предоставляю услуги SEO, следуя последним разработкам Google. Я работаю для фрилансеров и МСП из всех секторов, таких как бизнес, отдых или электронная коммерция. Как правило, начиная с аудита вашего SEO,
Google Adwords против SEO
Я твердо верю в фургон поисковая оптимизация Моя стратегия привлечения посетителей на мой сайт состоит по большей части из контентная стратегия (подумайте о блогах, мой база знаний
Оклендская SEO компания
... если есть проблема, или привести физические документы для транскрипции в электрическую форму, не прибегая к помощи дорогого курьера. Возможно, вы просто захотите использовать свои деньги для поддержки местной экономики. В этом случае сарафанное радио будет вашим лучшим выбором. Поговорите с другими владельцами бизнеса в Окленде об их веб-сайте и спросите, у кого они есть, чтобы сделать их поисковую оптимизацию. Были ли они довольны результатами? Была ли цена справедливой? С каким
Мастерская Демистификация SEO
Время чтения: 1 минута Мастерская прошла в агентстве " Демистификация SEO Разработано Марсело Гонзага, ответственным за управление проектами и разведку. Основная цель семинара состояла в том, чтобы укрепить концепции для команды разработчиков и представить специалистам по обслуживанию, медиа, планированию и дизайну / дизайну, как Google работает, понимать и демистифицировать
Что такое SEO?
Смысл SEO - поисковая оптимизация. На португальском языке это известно как Оптимизация сайта, MOB и Оптимизация поиска. SEO - это не более чем оптимизация страницы (или даже всего сайта) для лучшего понимания поисковыми системами. Следствием использования методов SEO является лучшее позиционирование сайта на странице результатов поиска. Например, когда вы ищете в Google «30 дней бесплатно», первым результатом будет веб-сайт Sempihost. SEO - это небезопасная практика, то есть ни одна компания
Создание сайта, SEO SEO, Technema, Париж
АНК ПЛАНИРОВАНИЕ - эксклюзивный партнер компании TECHNEMA, компания, специализирующаяся на программных

Комментарии

В конце концов, когда вы вводите такие слова, как «что в мире такое SEO», в вашей строке поиска Google, статьи, которые говорят вам, что это именно то, что вы хотите найти, верно?
В конце концов, когда вы вводите такие слова, как «что в мире такое SEO», в вашей строке поиска Google, статьи, которые говорят вам, что это именно то, что вы хотите найти, верно? Положить вверх отличный контент блога это только начало вашего SEO-путешествия. Вот пять простых советов помочь вам оптимизировать ваш сайт , даже
Если вы не обращаете внимания на SEO, то как вы можете помочь вашим потенциальным клиентам найти вас?
Если вы не обращаете внимания на SEO, то как вы можете помочь вашим потенциальным клиентам найти вас? Как вы можете помочь Google показать веб-сайт вашей компании в результатах поиска? Ты не можешь. Да, вы можете игнорировать все это и просто запустить свой веб-сайт, описывающий ваши продукты и услуги так, как вы хотите, используя слова и фразы, которые вам нравятся… но при этом это, по сути, скрывает вас от ваших клиентов. Это все еще актуально Хотя некоторые
Итак, как вы можете поднять свой сайт, если вы не можете ни купить, ни обменять на SEO жизненную силу, которая является обратной ссылкой?
Итак, как вы можете поднять свой сайт, если вы не можете ни купить, ни обменять на SEO жизненную силу, которая является обратной ссылкой? Что ж, к счастью, Google не (а точнее, не может, по техническим причинам) не накажет вас за то, что вы привели лошадь к воде. До тех пор, пока вы позволяете лошади самому решать, по собственному желанию, пить или нет. И это ваше пространство для маневра : вы можете рекламировать свой контент для разработчиков
С другой стороны - если вы используете лучшие методы SEO и генерируете кучу трафика, что хорошего в том, что посетители не используют ваш контент?
С другой стороны - если вы используете лучшие методы SEO и генерируете кучу трафика, что хорошего в том, что посетители не используют ваш контент? Если вы сосредоточитесь на совмещении обоих навыков, вы получите чудесно написанный контент, который понравится читателям, и в то же время будет найден поисковыми системами. В этом посте я собираюсь обсудить, как объединить лучшее из обоих миров и найти баланс, необходимый для того, чтобы оставаться конкурентоспособным в современном
Если в строке поиска Google ввести «понимать SEO» или «понимать SEO», мобильный пользователь, который выполняет голосовой поиск, с большей вероятностью спросит свое устройство «что такое SEO»?
Если в строке поиска Google ввести «понимать SEO» или «понимать SEO», мобильный пользователь, который выполняет голосовой поиск, с большей вероятностью спросит свое устройство «что такое SEO»? Или "что такое SEO?" Ты понимаешь разницу? Поэтому он будет пересматривать заголовки статей и соответствующим образом адаптироваться, особенно когда нас окружает все больше и больше подключенных объектов (Google Box, Apple TV, подключенный автомобильный радиоприемник, часы Apple и т. Д.). Кроме того,
Если ваш редирект нарушен и Google не может найти ваш мобильный сайт?
Если ваш редирект нарушен и Google не может найти ваш мобильный сайт? Очень плохо. Ваш сайт не будет отображаться в результатах поиска. Адаптивный дизайн использует один и тот же URL для всех устройств, что устраняет эту потенциальную проблему. Дублированный контент . Когда вы разрабатываете несколько сайтов для устройств разных размеров, вы по сути создаете несколько копий исходного сайта. Если каждая веб-страница не имеет надлежащих канонических ссылок, например,
Ваш сайт находится в HTTP, и вы хотите передать его в HTTPS, не теряя в SEO ?
Если ваш редирект нарушен и Google не может найти ваш мобильный сайт? Очень плохо. Ваш сайт не будет отображаться в результатах поиска. Адаптивный дизайн использует один и тот же URL для всех устройств, что устраняет эту потенциальную проблему. Дублированный контент . Когда вы разрабатываете несколько сайтов для устройств разных размеров, вы по сути создаете несколько копий исходного сайта. Если каждая веб-страница не имеет надлежащих канонических ссылок, например,
Нет, на самом деле, что бы вы сделали на месте специалиста по SEO: заработаете ли вы деньги, не теряя времени и не подвергаясь пыткам или усердной работе и размышлениям?
Нет, на самом деле, что бы вы сделали на месте специалиста по SEO: заработаете ли вы деньги, не теряя времени и не подвергаясь пыткам или усердной работе и размышлениям? Просто нежелание (усердно и очень) работать над новыми правилами на рынке SEO до сих пор сохранило культуру SEO прошлого. Предложение на нашем рынке уже давно стимулирует спрос, а не наоборот. Вот почему есть достаточно клиентов, чтобы спонсировать это [SEO прошлого]. выводы Перед
И если Microsoft не желает прекратить включать клики Google в рейтинг Bing, разве это не говорит о том, что клики Google составляют гораздо более 1/1000 рейтинга Bing?
И если Microsoft не желает прекратить включать клики Google в рейтинг Bing, разве это не говорит о том, что клики Google составляют гораздо более 1/1000 рейтинга Bing? Я действительно старался быть спокойным и конструктивным в этом посте, поэтому я прошу прощения, если какое-то разочарование пришло несмотря на это - мои чувства на панели поиска определенно не притворялись. Поскольку людям в Microsoft может не понравиться этот пост, я хочу повторить, что я знаю, что люди (особенно инженеры)
Тем не менее, вы также разбираетесь во всех лучших практиках SEO изображения, SEO инструменты и ключевые вещи, чтобы знать о изображения и SEO ?
И если Microsoft не желает прекратить включать клики Google в рейтинг Bing, разве это не говорит о том, что клики Google составляют гораздо более 1/1000 рейтинга Bing? Я действительно старался быть спокойным и конструктивным в этом посте, поэтому я прошу прощения, если какое-то разочарование пришло несмотря на это - мои чувства на панели поиска определенно не притворялись. Поскольку людям в Microsoft может не понравиться этот пост, я хочу повторить, что я знаю, что люди (особенно инженеры)
Если компания SEO так хороша, как они говорят, почему они сами не зависят от результатов SEO для привлечения новых клиентов?
Если компания SEO так хороша, как они говорят, почему они сами не зависят от результатов SEO для привлечения новых клиентов? Разве не имеет смысла, что SEO-компания сможет получить новые приобретения благодаря душевному использованию оптимизации своего веб-сайта для привлечения посетителей, ищущих предпочтительные ключевые слова? (Очень похоже на то, как вы нашли нас сегодня.) Когда вы выбираете лучшую SEO-фирму в Кливленде или где-то еще, исследования - ваш союзник номер один. Ниже мы

Com/?
Com/user/123?
Com/?
1. Как вы пришли на работу в Enova?
Были ли они довольны результатами?
Была ли цена справедливой?
В конце концов, когда вы вводите такие слова, как «что в мире такое SEO», в вашей строке поиска Google, статьи, которые говорят вам, что это именно то, что вы хотите найти, верно?
Если вы не обращаете внимания на SEO, то как вы можете помочь вашим потенциальным клиентам найти вас?
Как вы можете помочь Google показать веб-сайт вашей компании в результатах поиска?
Итак, как вы можете поднять свой сайт, если вы не можете ни купить, ни обменять на SEO жизненную силу, которая является обратной ссылкой?