- 3 части
- Googlebot
- Трехчастная история Googlebot
- Возраст серверных страниц
- Эпоха понимания
- Эпоха грамотности
- Прогрессивное улучшение
- URL и ссылки
- Нет хэшей
- вариации
- onclick 👎 <a href=учреждения> 👍
- Консоль поиска
- Правильные роботы
- Быть быстрым
- Как Googlebot сканирует
Джефф Кросс является соучредителем nrwl.io , предоставляя Angular консалтинг для корпоративных команд. Ранее он работал в основной группе Angular в Google, возглавляя команду Angular Mobile. 
Googlebot
3 части
Это первая из трех статей о том, как Googlebot делает приложения Angular понятными и индексируемыми. В этой статье мы рассмотрим краткую историю развития способности робота Googlebot сканировать приложения JavaScript и расскажем о некоторых лучших практиках, которые применимы к приложениям JavaScript в целом. Во 2-й и 3-й частях будут рассмотрены специфические для Angular аспекты и полезные инструменты.
SEO - важная тема для разработчиков, чтобы понять, касаются ли они приложений, которые полагаются на трафик поисковых систем, потому что проблемы SEO сложно и дорого исправить в постфактум, потенциально может стоить недель или месяцев потерянного трафика.
Googlebot
SEO это широкая тема. Эта статья посвящена одному аспекту SEO: сканированию. Я сосредотачиваюсь только на одном сканере, Googlebot (сканере Google), и я сосредоточен только на сканировании приложений JavaScript и Angular. Под сканированием я подразумеваю процесс навигации, загрузки и анализа страниц роботом Google. Я не буду освещать вопросы индексации, ранжирования или других забавных тем.
Трехчастная история Googlebot
Пред-2009 (Возраст серверных страниц), 2009–2015 (Возраст автоматизированного понимания), 2015+ (Возраст грамотности)
Возраст серверных страниц
До 2009 года разработчики просто соглашались с тем, что если они используют jQuery, Backbone или другие библиотеки JS для отображения своих приложений в браузере, поисковые системы не смогут понять их содержание. Таким образом, страницы должны быть отображены на сервере в некоторой форме, а затем могут быть улучшены с помощью JavaScript в браузере. По мере того, как структуры JavaScript начали совершенствоваться и использоваться для создания целых приложений, «одностраничных приложений», Google обнаружил необходимость предоставить разработчикам способ инструктировать сканер о содержании их приложений.
Эпоха понимания
Так в 2009 году Google предложил новый протокол используя комбинацию метатега, чтобы указать, что ваше приложение было приложением JavaScript, и конфигурацией сервера, чтобы обслуживать простую версию содержимого страницы, когда страница будет запрашиваться с параметром запроса _escaped_fragment_ .
На сегодняшний день сайт документации AngularJS реализует этот протокол. Если вы посетите https://docs.angularjs.org/api/ng/function/angular.bind , вы увидите нормальную страницу.
Снимок экрана https://docs.angularjs.org/api/ng/function/angular.bind
Но если вы измените URL-адрес, чтобы включить _escaped_fragment_ , https://docs.angularjs.org/ ? _escaped_fragment_ = api / ng / function / angular.bind вы увидите тот же контент в гораздо более простой, не стилизованной форме, без JavaScript, чтобы сканер мог легко понять содержимое страницы.
Снимок экрана https://docs.angularjs.org/?_escaped_fragment_=api/ng/function/angular.bind
В октябре 2009 года Googlebot расширял свои возможности по обработке и анализу JavaScript-приложений. Предоставляя параметр _escaped_fragment_, разработчики могут помочь сканеру больше уверенности в содержании динамических страниц.
Эпоха грамотности
Перейдя к октябрю 2015 года, робот Google стал гораздо более продвинутым в области навигации и анализа приложений JavaScript. Поисковая команда объявлено в блоге Google для веб-мастеров что предыдущее предложение об использовании _escaped_fragment_ устарело. Сканер достаточно развился, чтобы можно было уверенно и последовательно сканировать одностраничные приложения JavaScript.
Так что, с улучшениями в сканере, могут ли разработчики JavaScript просто разрабатывать приложения как обычно, не беспокоясь о возможности сканирования? Как правило, да, но не без некоторых оговорок, оговорок и звездочек. Чтобы помочь прояснить текущие рекомендации по обеспечению возможности сканирования приложений JavaScript, Джон Мюллер из Google опубликовано в Google+ с некоторыми краткими предложениями. Джон также представлен на ту же тему на AngularConnect 2016 вдаваясь в некоторые подробности, чем его пост в Google+, но повторяя многие из тех же пунктов. Я предложу свое резюме поста и презентации.
Прогрессивное улучшение, URL и ссылки, консоль поиска, правильные роботы, будь быстрым
Прогрессивное улучшение
Браузер, используемый сканером для визуализации приложений JavaScript, не обладает всеми функциями Chrome и других современных браузеров. По состоянию на выступлении Джона в сентябре 2016 года, некоторые не поддерживаемые API включают ServiceWorker, Fetch, Promise, requestAnimationFrame и localStorage. Большинство приложений, вероятно, уже заполнены большинством из них, или, по крайней мере, имеют запасной вариант. Если какой-либо из этих API-интерфейсов используется для визуализации содержимого страницы, важно, чтобы страница корректно проваливалась и могла по-прежнему отображать контент в их отсутствие.
URL и ссылки
Канонические URL
URL очень важны для индекса Google. Все документы в индексе Google имеют URL-адреса. Вот почему важно, чтобы у страниц был один канонический URL. Другими словами, если одна и та же страница доступна по разным URL-адресам, включая один и тот же путь URL-адреса с разными параметрами запроса, вы должны сообщить Google, какой правильный канонический URL-адрес для этой страницы.
Нет хэшей
У Google также есть сильный уклон против URL, которые используют хеш (/ # /) внутри путей. Если Google видит ссылки, содержащие хэш, он предполагает, что содержимое после хеша незначительно. Google редко индексирует URL с помощью хэшей.
вариации
Если страница имеет значительные вариации одного и того же контента, например, контента, переведенного на несколько языков, для каждой версии страницы должен быть уникальный URL-адрес.
onclick 👎 <a href=учреждения> 👍
Робот Googlebot не рассматривает обработчики кликов как ссылки, поэтому важно, чтобы ссылки на контент были представлены в атрибуте href якорных элементов.
Консоль поиска
Консоль поиска Google предоставляет критически важный инструмент для управления и мониторинга отношений сайта с индексом Google. Для разработчиков JavaScript следует отметить Просмотреть как Google инструмент. «Получить как Google» позволяет разработчикам запрашивать, чтобы робот Google загружал страницу, а затем отображает некоторые характеристики этой страницы в том виде, в каком ее видел Google. Разработчики JavaScript захотят нажать кнопку «Выбрать и отобразить», после чего робот Google будет отображать приложение JavaScript. По завершении сканирования отобразится снимок экрана с отображаемой страницей.
Получить как Google скриншот nrwl.io
Это полезно для проверки правильности содержимого страницы, но, к сожалению, в настоящее время невозможно просмотреть метаданные страницы (заголовок, мета-описание, канонический URL-адрес). Если вы хотите увидеть эту информацию, вам придется обмануть и добавить информацию в тело вашей страницы где-нибудь, чтобы она появилась на скриншоте.
Правильные роботы
Robots.txt - это то, как серверы могут сообщать таким роботам, как робот Google, какой контент им следует и не следует сканировать. Часто эти конфигурации используются для предотвращения загрузки определенных ресурсов, которые не нужны для визуализации контента. Важно убедиться, что robots.txt на вашем сервере и серверах, от которых вы зависите, не блокирует критические ресурсы, такие как библиотеки JavaScript, необходимые для отображения вашей страницы.
Быть быстрым
Робот Google может быть просто роботом, но это не значит, что у него неограниченное терпение. В какой-то момент, если загрузка страницы занимает слишком много времени, робот Google сдается и либо не анализирует страницу, либо анализирует ее в текущем состоянии. Это может привести к удалению страниц из индекса, если они постоянно загружаются слишком долго. Точная точка, в которой робот Google сдается, не ясна, но, по общему мнению, это около 5 секунд. Поэтому важно оценить все запросы на блокировку и работу, которая может задержать рендеринг критического контента, и либо удалить менее важную работу, либо отложить ее до тех пор, пока контент не будет обработан.
Как Googlebot сканирует
О Googlebot важно знать, что он не нажимает на ссылки в вашем приложении. Вместо этого, когда робот Googlebot анализирует страницу, он собирает все найденные гиперссылки и назначает ссылки для последующего сканирования. Затем в какой-то момент в будущем, может быть, сразу или, возможно, через несколько дней, робот Googlebot выдаст новый запрос на загрузку страницы. Другими словами, сфокусируйтесь на том, как ваша страница выполняет и обрабатывает для начальной загрузки маршрута.
В следующей части этой серии я сконцентрируюсь на конкретных соображениях, чтобы сделать приложения Angular более доступными для сканирования. Если у вас есть вопросы или подробности, которые вы хотели бы охватить, напишите мне @jeffbcross ,
Джефф Кросс является соучредителем Nrwl - Предприятие Angular Consulting.
Похожие
Как правильно использовать атрибут TITLE для ссылкиИспользование атрибутов TITLE ссылки стало более популярным с появлением таких широко используемых скриптов, как WordPress, который по умолчанию дублирует ссылку на заголовок сообщения в своем атрибуте TITLE. Тем не менее, несмотря на то, что этот метод использования атрибута TITLE является обычным поведением, он является неправильным и раздражающим. Название не должно быть дублированием якорного текста (связанный пост: Простое руководство по настройке перезаписи URL в Magento 2
... lt="Вы расширяете Поисковую оптимизацию , вы устанавливаете Да для поля Использовать перезаписи веб-сервера"> Настройки для использования перезаписи веб-сервера Затем вы нажимаете Сохранить конфигурацию, чтобы завершить настройку. Как настроить автоматическую переадресацию URL После включения функции « Перезаписать веб-сервер» необходимо настроить автоматическую генерацию для постоянного перенаправления Основы SEO: внутренние ссылки как фактор ранжирования
... href="http://www.sistrix.de/news/seo-basics-interne-verlinkung-optimieren/"> Sistrix : Почему внутренние ссылки важны для SEO? Хорошая структура внутренних ссылок «помогает» сканерам быстро и легко находить наиболее релевантные страницы. Поэтому оптимальное связывание абсолютно необходимо, чтобы Google распознавал связанные подстраницы, Как местный SEO заменил желтые страницы
... a href="http://images.huffingtonpost.com/2015-12-08-1449583574-9610921-HowLocalSEOreplacedtheYellowPages.jpg"> Таким образом, для большинства из нас ясно, что желтые страницы становятся все более Google+ и SEO: как Google+ влияет на результаты поиска
Не так давно Грег Джарбо написал результаты исследования, в котором я показал, что Ссылки в Google+ не влияют на SEO , В этом исследовании основное внимание уделяется влиянию общих ссылок Google+, когда они возникают изолированно . Он также фокусируется на «неперсонализированных» результатах. Тем не менее, Google+ влияет на результаты поиска Четыре типичные ошибки SEO в интернет-магазинах
Если вы посмотрите в Интернете на множество интернет-магазинов, многие дилеры обнаружат фундаментальные ошибки в области поисковой оптимизации (SEO). Из-за этого некоторые магазины затрудняют их поиск и достижение оптимального рейтинга в результатах поиска. Далее указываются четыре потенциальных источника ошибок, которых следует избегать как операторам интернет-магазина. Как SEO обучение может помочь вашему бизнесу
... lt="Если ваша компания заинтересована в обучающих семинарах по поисковой оптимизации (SEO) или семинарах по управлению социальными сетями, пожалуйста, заполните приведенную ниже форму, и мы сразу же ответим вам"> Если ваша компания заинтересована в обучающих семинарах по поисковой оптимизации (SEO) или семинарах по управлению социальными сетями, пожалуйста, заполните приведенную ниже форму, Как отзывы клиентов могут улучшить вашу SEO
... href="http://digitalvisitor.com/wp-content/uploads/2013/04/rsz_1seo1.jpg"> Отзывы клиентов на вашем сайте могут быть мощным инструментом. Они могут существенно повлиять на коэффициент конверсии вашего сайта и - при правильной реализации - на ваш рейтинг кликов на страницах результатов поиска (SERP). Тысячи раз в день люди полагаются Как писать метатеги и URL
... alt также являются важными факторами SEO в электронной коммерции. Относитесь к ним, как к окнам, отделке и другим функциям, которые делают каждую комнату вашего дома уникальной. Вы не хотите повторять один и тот же дизайн в каждом месте! Теги заголовка Тег заголовка - это заголовок страницы и, возможно, самая важная SEO-недвижимость на странице, поэтому, когда дело доходит до DIY SEO - это область, которая стоит вашего времени и энергии. Хотя этот элемент не отображается Интернет-реклама подбора персонала - это все, чтобы ваша работа была замечена правильными соискателями...
Интернет-реклама подбора персонала - это все, чтобы ваша работа была замечена правильными соискателями, чтобы у вас был хороший и Как сделать пресс-релизы для SEO Преимущества в 2016 году
Друг спросил мое мнение о пресс-релизах для целей SEO, и я решил записать свой ответ ему, чтобы все могли его прочитать. Во-первых, давайте поговорим о прямых обратных ссылках, которые вы можете получить, отправив пресс-релиз. Они бесполезны. Пресс-релизы могут
Комментарии
Как вы будете управлять отзывами (как вы будете определять, где оставлены отзывы, какие термины вы будете смотреть и т. Д.)?Как вы будете управлять отзывами (как вы будете определять, где оставлены отзывы, какие термины вы будете смотреть и т. Д.)? Как вы будете реагировать на негативные отзывы (каков будет процесс, как вы будете сохранять спокойствие, как вы будете обращаться с людьми, как вы будете решать проблемы)? Если вы ищете визуализацию где вы должны сосредоточиться Еще лучше спросить: если у меня нет ключевых слов в заголовке моего URL, как я могу сделать так, чтобы важный контент моего сайта имел известность в Google?
Еще лучше спросить: если у меня нет ключевых слов в заголовке моего URL, как я могу сделать так, чтобы важный контент моего сайта имел известность в Google? Одна вещь, которую вы можете сделать, это: разделить ваш контент на div или разделы и назвать ваши идентификаторы так, чтобы это имело смысл; Тем не менее, используйте H1 для заголовков. Это было бы что-то вроде: <section id = "a-empresa"> <h1> Компания </ h1> </ Теперь, когда у вас есть лучшее представление о том, как входящий маркетинг может функционировать как ваша стратегия внешних ссылок для SEO, как вы планируете реализовать эту теорию на практике?
Теперь, когда у вас есть лучшее представление о том, как входящий маркетинг может функционировать как ваша стратегия внешних ссылок для SEO, как вы планируете реализовать эту теорию на практике? Каков ваш опыт работы с входящим маркетингом и что еще вы хотели узнать об этом? Дайте нам знать в разделе комментариев ниже! источники «Отношения между SEO и входящим маркетингом» ( Ссылки на ваш сайт: Проверьте ссылки на ваш сайт, есть ли у вас новые ссылки, которые выглядят плохо?
Ссылки на ваш сайт: Проверьте ссылки на ваш сайт, есть ли у вас новые ссылки, которые выглядят плохо? Получить как Googlebot: У вас есть какие-либо проблемы с загрузкой страниц на вашем сайте, особенно с тем, что Googlebot или Googlebot mobile снижают трафик? Заблокированные URL-адреса. Существуют ли важные URL-адреса или изображения, заблокированные файлом robots.txt? Файлы Sitemap: были ли отправлены ваши файлы Sitemap? Есть ли серьезные ошибки? Параметры Как разместить свой интернет-магазин в Google как можно ближе для поиска?
Как разместить свой интернет-магазин в Google как можно ближе для поиска? Это по-прежнему один из самых важных вопросов для операторов магазинов Magento, поэтому поисковая оптимизация (SEO) продолжает оставаться стандартной задачей маркетинга для интернет-магазинов. Клиенты довольны = Google счастлив Но SEO изменилось за эти годы, потому что он должен был адаптироваться к изменениям Google. Google все больше «осознает», отображают ли результаты поиска поисковой системы Как вы создаете и оптимизируете органические результаты поиска?
Как вы создаете и оптимизируете органические результаты поиска? Как вы включены в поисковые системы и каталоги? Как мне попасть в начало результатов поиска моей целевой группы? Как вы гарантируете, что ваша целевая группа нажимает на ваши результаты в поисковой системе, а не на результаты ваших коллег? Как вы оцениваете результаты поиска? Для кого предназначен тренинг по поисковой оптимизации? Курс SEO / Поисковая оптимизация подходит Поможет ли компания интегрировать элементы вашего онлайн-профиля, такие как обратные ссылки, социальные сети и мобильную электронную коммерцию?
Поможет ли компания интегрировать элементы вашего онлайн-профиля, такие как обратные ссылки, социальные сети и мобильную электронную коммерцию? Могут ли их сотрудники создать полезную рекламную стратегию, основанную на PPC-рекламе? Каков их послужной список при настройке файла robots.txt, чтобы указать, какой материал появляется в поиске, а что пропускается поисковой системой? Выявляет ли их программное обеспечение большинство ваших недействительных обратных ссылок и дублирующийся контент, который Может быть, вы подумаете, а как насчет входящих ссылок?
Может быть, вы подумаете, а как насчет входящих ссылок? Да, они тоже важны. Но если вы хотите позиционировать себя по определенным ключевым словам, вам нужен SEO на странице. Хорошая работа в этом аспекте жизненно важна. Следуйте этому контрольному списку, и вы будете на пути к успеху. Контрольный список для оптимизации SEO на странице Создать хороший контент Содержание страницы - это то, что делает ее достойной хорошей позиции в результатах Как вы можете защитить себя как компания?
Как вы можете защитить себя как компания? Как вы находите серьезного SEO-Angentur или уважаемого SEO? Во-первых, рекомендуется, чтобы Руководство для веб-мастеров Google, чтобы получить первый обзор того, какие меры нарушают руководящие принципы. Клиент должен настаивать на том, чтобы уполномоченное SEO-агентство изложило план оптимизации прозрачным образом. Если предприниматель Как мы можем работать вместе как SEO агентство?
Как мы можем работать вместе как SEO агентство? чем SEO агентства Мы обслуживаем клиентов как модульно, так и постоянно поддерживаем SEO. В зависимости от вашего бюджета, целей и пожеланий, мы работаем с вами на нашей бесплатной первоначальной консультации, чтобы адаптировать набор услуг модулей и / или постоянной поддержки или полной поддержки О представляет каждая метрика, как данные собираются и обрабатываются и как их использовать?
Как мы можем работать вместе как SEO агентство? чем SEO агентства Мы обслуживаем клиентов как модульно, так и постоянно поддерживаем SEO. В зависимости от вашего бюджета, целей и пожеланий, мы работаем с вами на нашей бесплатной первоначальной консультации, чтобы адаптировать набор услуг модулей и / или постоянной поддержки или полной поддержки
Org/?
Так что, с улучшениями в сканере, могут ли разработчики JavaScript просто разрабатывать приложения как обычно, не беспокоясь о возможности сканирования?
De/news/seo-basics-interne-verlinkung-optimieren/"> Sistrix : Почему внутренние ссылки важны для SEO?
Как вы будете управлять отзывами (как вы будете определять, где оставлены отзывы, какие термины вы будете смотреть и т. Д.)?
Как вы будете реагировать на негативные отзывы (каков будет процесс, как вы будете сохранять спокойствие, как вы будете обращаться с людьми, как вы будете решать проблемы)?
Еще лучше спросить: если у меня нет ключевых слов в заголовке моего URL, как я могу сделать так, чтобы важный контент моего сайта имел известность в Google?
Теперь, когда у вас есть лучшее представление о том, как входящий маркетинг может функционировать как ваша стратегия внешних ссылок для SEO, как вы планируете реализовать эту теорию на практике?
Каков ваш опыт работы с входящим маркетингом и что еще вы хотели узнать об этом?
Ссылки на ваш сайт: Проверьте ссылки на ваш сайт, есть ли у вас новые ссылки, которые выглядят плохо?
Ссылки на ваш сайт: Проверьте ссылки на ваш сайт, есть ли у вас новые ссылки, которые выглядят плохо?