Обеспечение возможности сканирования приложений AJAX

  1. Что видит пользователь, что видит сканер
  2. Текущая практика
  3. Соглашение между сканером и сервером

Если вы используете приложение AJAX с контентом, который вы хотели бы видеть в результатах поиска, у нас есть новый процесс, который при реализации может помочь Google (и, возможно, другим поисковым системам) сканировать и индексировать ваш контент. Исторически AJAX-приложения были сложны для обработки поисковыми системами, потому что контент AJAX динамически генерируется браузером и, следовательно, невидим для сканеров. Несмотря на то, что существуют методы для решения этой проблемы, они требуют регулярного ручного обслуживания для поддержания содержимого в актуальном состоянии.

Что видит пользователь, что видит сканер

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

<html> <head> <title> MovieInfo </ title> <script language = 'javascript' src = 'getMovieInformation.js'> </ script> </ head> <body> </ html>

Но представьте, что на самом деле пользователь видит в браузере много контента, касающегося фильмов и информации о них. Как это произошло? Браузер выполняет скрипт getMovieInformation.js и создает HTML-код, который видит пользователь, например что-то вроде этого:

<html> <head> <title> MovieInfo </ title> </ head> <body> <div id = "browseArea"> ... <div style = "font-weight: bold;"> Выберите снизу: < / div> ... <div id = "browseTable" valign = "top"> ... <a href="#%21tab0&q=Walking+on+Frozen+Water" class="menuItem"> Ходить по замерзшей воде < / a> ... <a href="#%21tab0&q=Climbing+Mauna+Kea" class="menuItem"> Восхождение на Мауна-Кеа </a> ... <a href = "#% 21tab0 & q = Sea + Turtles" class = "menuItem"> Морские черепахи </a> ... <a href="#%21tab0&q=This+Street+Makes+Me+Look+Fat" class="menuItem"> Эта улица заставляет меня выглядеть толстым </ a> ... <a href="#%21tab0&q=Octopus+spotting" class="menuItem"> Обнаружение осьминога </a> ... <a href = "#% 21tab0 & q = Падение + в + Любовь" класс = "menuItem"> Влюбленность </a> ... </ div> <div id = "load"> <p> Обнаружение осьминога следует за осьминогом в течение среднего дня осьминога. В ней рассказывается о том, как прятаться от хищников и дайверов, о соседстве, в котором живет осьминог, и других животных, живущих в его жилых помещениях. </ P> </ div> ... </ body> </ html>

Это важная идея: браузер может выполнять JavaScript и создавать контент на лету, а сканер не может. Чтобы сканер мог видеть то, что видит пользователь, сервер должен предоставить сканеру моментальный снимок HTML - результат выполнения JavaScript на вашей странице. Наш подход обеспечивает именно это: он позволяет собственному веб-серверу владельца сайта возвращать сканеру этот HTML - созданный из фрагментов статического контента, а также путем выполнения JavaScript - для страниц приложения. Это то, что мы называем снимком HTML .

Если вам интересно ваше собственное приложение, загрузите его в браузере, а затем просмотрите исходный код (например, в Firefox щелкните правой кнопкой мыши и выберите «Просмотреть исходный код страницы»). В нашем примере «View Page Source» не будет содержать слова «осьминог». Точно так же, если часть вашего контента создается динамически, источник страницы не будет включать в себя весь контент, который вы хотите, чтобы сканер увидел. Другими словами, «Просмотр исходного кода страницы» - это именно то, что получает сканер. Почему это важно? Это важно, поскольку результаты поиска частично основаны на словах, найденных сканером на странице. Другими словами, если сканер не может найти ваш контент, он не доступен для поиска.

Текущая практика

В настоящее время веб-мастера создают «параллельную вселенную» контента. Пользователи браузеров с поддержкой JavaScript будут видеть контент, который создается динамически, тогда как пользователи браузеров без поддержки JavaScript, а также сканеры будут видеть контент, который является статическим и создан в автономном режиме. В современной практике часто используется «прогрессивное улучшение» в виде Hijax-ссылок. От Официальный блог Google для веб-мастеров :

Если вы начинаете с нуля, один хороший подход - это создать структуру и навигацию вашего сайта, используя только HTML. Затем, когда у вас есть страницы, ссылки и контент сайта, вы можете оживить внешний вид и интерфейс с помощью AJAX. Робот Google будет рад видеть HTML, а пользователи современных браузеров смогут наслаждаться вашими бонусами AJAX.

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

<a href="ajax.htm?foo=32" onClick="navigate('ajax.html#foo=32'); return false"> foo 32 </a>

Обратите внимание, что URL статической ссылки имеет параметр (? Foo = 32) вместо фрагмента (# foo = 32), который используется кодом AJAX. Это важно, так как поисковые системы понимают параметры URL, но часто игнорируют фрагменты. Веб-разработчик Джереми Кит назвал эту технику Hijax. Поскольку теперь вы предлагаете статические ссылки, пользователи и поисковые системы могут ссылаться на конкретный контент, которым они хотят поделиться или на который ссылаются.

(Источник: http://googlewebmastercentral.blogspot.com/2007/11/spiders-view-of-web-20.html )

Этот подход будет продолжать работать. Если ваш сайт уже настроен с Hijax, вы можете пойти. Но если ваш контент регулярно меняется, и вы не хотите обновлять его вручную, или если вы хотите, чтобы поисковые системы обслуживали быстрые ссылки AJAX, или если вы еще не внедрили схему Hijax, вам следует рассмотреть новую схему, которую мы здесь описываем.

Соглашение между сканером и сервером

Чтобы ваш AJAX-приложение могло сканироваться, ваш сайт должен соблюдать новое соглашение. Это соглашение основывается на следующем:

  1. Сайт использует схему сканирования AJAX.
  2. Для каждого URL с динамически создаваемым контентом ваш сервер предоставляет снимок HTML, который представляет собой контент, который видит пользователь (с помощью браузера). Часто такими URL-адресами являются URL-адреса AJAX, то есть URL-адреса, содержащие фрагмент хеша, например www.example.com/index.html#key=value, где # key = value - это фрагмент хеша. Снимок HTML - это все содержимое, которое появляется на странице после выполнения JavaScript.
  3. Поисковая система индексирует снимок HTML и предоставляет ваши исходные URL-адреса AJAX в результатах поиска.

Чтобы это работало, приложение должно использовать определенный синтаксис в URL-адресах AJAX (назовем их «симпатичными URL-адресами»; почему вы это поймете в следующих разделах). Сканер поисковой системы временно преобразует эти "красивые URL-адреса" в "ужасные URL-адреса" и запрашивает их с вашего сервера. Этот запрос «некрасивого URL» указывает серверу, что он не должен возвращать обычную веб-страницу, которую он дал бы браузеру, а вместо этого снимок HTML. Когда сканер получает содержимое для измененного уродливого URL-адреса, он индексирует его содержимое, а затем отображает оригинальный красивый URL-адрес в результатах поиска. Другими словами, конечные пользователи всегда будут видеть красивый URL, содержащий фрагмент хеша. Следующая диаграмма обобщает соглашение:

Для получения более подробной информации о том, как реализовать это соглашение на вашем сервере, продолжайте читать: Руководство по началу работы а также Спецификация ,

Похожие

Что такое стандартный SEO-код
... чтобы наилучшим образом ориентироваться в поисковой системе. Помогите поисковым системам легко загружать данные, читать, анализировать и сканировать ваш сайт удобно и легко! Это относительно важный шаг в процессе SEO для конкретного сайта. На этапе оптимизации кода на странице «Стандарт SEO» требуется глубокое знание стандартных критериев оценки кода SEO, и то, и другое требует опыта
Что такое корпоративное SEO?
... между ними с исследованием SEO . Основной целью в стандартных исследованиях SEO является увеличение интернет-сайта в ключевых словах или словах. Предприятие SEO В своей работе SEO-исследования формулируют наиболее важные темы, такие как фирменный стиль компании, узнаваемость бренда и восприятие качества. Золотое
Что такое SEO-дружественный URL?
URL расшифровывается как Uniform Resource Locator (буквально что-то вроде: равномерное расположение источника). Он указывает на уникальное местоположение веб-страницы или документа во всемирной сети (www). Думайте об этом как адрес, где живет ваша веб-страница. Дружеский URL (
Что такое WordPress Seo?
WordPress теперь является одним из наиболее широко используемых готовых шаблонов с Joomla. С десятками тысяч тем, написанных для WordPress, люди и компании могут даже создавать свои собственные веб-сайты. В частности, можно сказать, что наиболее предпочтительным решением для владельцев блогов в настоящее время является WordPress. http://istanbulseo.net/ такие компании, как этот тип веб-сайта для решения для слова под названием Seo
SEO, SEM, SEA - что это значит?
SEO, SEM и Co - это термины, которые все чаще встречаются в Интернете. Что ж, эти термины взяты из интернет-маркетинга. Что означает SEM? SEM - это сокращение от Search Engine Marketing
Программное обеспечение для SEO управления кампаниями: что я использую
... чтобы получать отчеты о текущем состоянии вашего проекта. Эти виджеты показывают вам данные в виде различных графиков. Вы можете скорректировать свои оценки времени и приблизительно проверить основные этапы. Я обычно делаю это утром. Я могу поручить копирайтер, веб-разработчик, дизайнер. Как
Что такое Link Juice и что это значит в SEO?
успешный маркетинг в поисковых системах это гораздо больше, чем создание ссылок. Здесь много К примеру. значение метаданные теперь может быть общеизвестным, а также то, что
Что такое SMM и Smo?
Если вы уже знаете, что такое SEO и SEM, и как они помогают улучшить позиционирование в Интернете и теперь вы задаетесь вопросом, что такое позиционирование SMM и SMO , вот основные характеристики этих методов позиционирования. Для начала, SMM и SMO ​​позиционирование - это методы позиционирования, ориентированные на социальные сети или социальные сети.
KEI в SEO - Что это?
Установить и четко определить наши целевые ключевые слова является первым
Так что вы думаете, что можете танцевать объявляет финал четырех
Вчера вечером, ТАК ТЫ ДУМАЕШЬ ТЫ МОЖЕШЬ ТАНЦЕВАТЬ объявил четырех финалистов конкурса. Ханнахлей Кабанилья, Славик Пустовойтов, Дженесси Кастильо и Дженсен Арнольд переходят к следующему
Что такое линкбилдинг? Создание ссылок (2018)
... что такое ССЫЛКА . Для кого-то отличная маркетинговая стратегия его сайта, для многих других - абсолютно вымышленное и неприступное дело. Первая группа простит, но мы хотели бы попытаться просто объяснить, что это такое. В переводе линкбилдинг означает создание обратных ссылок . Это форма рефералов или ссылок, которые может получить сайт. С посадкой искусственный интеллект

Комментарии

SEO у всех на слуху, но что означает аббревиатура, что это означает и что это значит?
SEO у всех на слуху, но что означает аббревиатура, что это означает и что это значит? Каковы цели поисковой оптимизации и какими мерами они могут быть достигнуты? И в чем разница с SEA и SEM? Эта статья предназначена для того, чтобы пролить некоторый свет на предмет понятным способом и предоставить новичкам тему начальной ориентации. SEO это аббревиатура и расшифровывается как английский термин «поисковая оптимизация», что на немецком
Так что, если я скажу, что вы, вероятно, можете заработать деньги, что вы скажете?
Так что, если я скажу, что вы, вероятно, можете заработать деньги, что вы скажете? - Еще больше жира, верно? Так что если вы стоите с продуктом, услугой или чем-то совершенно третьим, то мы можем помочь вам помочь другим. Если вы хотите более подробно ознакомиться с поисковой оптимизацией, то вы можете найти наше описание здесь ,
Из-за того, что многие источники отмечают, что вина развиваются быстрее в море, кажется, что старение под водой действительно имеет эффект, но является ли это желаемым эффектом?
Из-за того, что многие источники отмечают, что вина развиваются быстрее в море, кажется, что старение под водой действительно имеет эффект, но является ли это желаемым эффектом? И даже более того, стоит ли затратных усилий для достижения того, что время может сделать самостоятельно? Поскольку исследования еще слишком ранние, а фактические результаты не очень убедительны, кажется, что сейчас стоимость для потребителя не оправдывает иногда незаметный результат. Означает ли это, что исследования
Так что, если это то, что Google делает, чтобы найти первые 10 страниц для показа в качестве результатов поиска, что мы должны сделать, чтобы быть среди этих страниц?
Так что, если это то, что Google делает, чтобы найти первые 10 страниц для показа в качестве результатов поиска, что мы должны сделать, чтобы быть среди этих страниц? Создавайте качественный контент. Сохраняйте фокус. Чем больше точность, тем лучше. Распространите наш контент для других, чтобы они знали и передавали
Что нужно сделать в первую очередь, чтобы убедиться, что Google любит ваш сайт, и повысить рейтинг Поисковая оптимизация Sunshine Coast ?
Так что, если это то, что Google делает, чтобы найти первые 10 страниц для показа в качестве результатов поиска, что мы должны сделать, чтобы быть среди этих страниц? Создавайте качественный контент. Сохраняйте фокус. Чем больше точность, тем лучше. Распространите наш контент для других, чтобы они знали и передавали
Что такое SEO и что такое SEA?
Что такое SEO и что такое SEA? Чтобы занять высокие позиции в результатах поиска поисковой системы, можно соответствующим образом оптимизировать ее присутствие в Интернете для обычного поиска и / или купить себя с помощью платных поисковых объявлений. Первый метод называется SEO, чтобы добиться успеха, вам нужно оптимизировать содержание страницы, обратные ссылки, опыт и иногда удачу. Второй подход называется СЭО (часто его называют СЭМ). Это не столько ноу-хау,
Вот вопрос некоторых моих клиентов: что, черт возьми, делает этот мужчина, какую оптимизацию я плачу, какую ее SEO-маму я не вижу ничего, что он делает?
Вот вопрос некоторых моих клиентов: что, черт возьми, делает этот мужчина, какую оптимизацию я плачу, какую ее SEO-маму я не вижу ничего, что он делает? Ваше тело (тело) можно увидеть на мониторе или дисплее мобильного телефона, даже если голова не сделана хорошо. Более того, то, что вы видите на мониторе, не имеет ничего общего с большей частью информации, размещенной в голове. Или, даже если это выглядит хорошо на мониторе, если голова не сработала, SEO оптимизация была сделана после
Чтобы упростить задачу, ниже приведено руководство, которое в основном объясняет, что вы должны искать внутри SEO стратегия , Что делает одну стратегию лучше другой?
Вот вопрос некоторых моих клиентов: что, черт возьми, делает этот мужчина, какую оптимизацию я плачу, какую ее SEO-маму я не вижу ничего, что он делает? Ваше тело (тело) можно увидеть на мониторе или дисплее мобильного телефона, даже если голова не сделана хорошо. Более того, то, что вы видите на мониторе, не имеет ничего общего с большей частью информации, размещенной в голове. Или, даже если это выглядит хорошо на мониторе, если голова не сработала, SEO оптимизация была сделана после
Так кто может сказать, что он точно знает, на что это похоже?
Так кто может сказать, что он точно знает, на что это похоже? 2. Различные техники: белая шляпа, серая шляпа и черная шляпа Очень важной причиной в разных историях является также разница между SEO, белой и серой шляпами. Хотя цвета уже дают что-то, я с удовольствием объясню разницу. Белая шляпа SEO
Что, что заставляет вас смотреть корейские драмы?
Что, что заставляет вас смотреть корейские драмы? Это должна быть захватывающая история и игроков, которые вас интересуют. Сейчас есть много корейских драматических историй, которые рассказывают об идентичных близнецах или людях, которые имеют несколько личностей. Интересно смотреть драмы с такими историями. В дополнение к сюжетной линии, которая делает его захватывающим, актеры вызывают интерес у зрителей. Как нет? Актеры должны иметь возможность сыграть более одной роли в драме. Они
Инстинктивно, вы ожидаете, что это приведет к росту их рейтинга и гарантирует, что они остаются на вершине, верно?
Инстинктивно, вы ожидаете, что это приведет к росту их рейтинга и гарантирует, что они остаются на вершине, верно? На самом деле, это не так. Австралия, будучи лучшей, может только улучшиться. Они также не единственная страна, работающая над уменьшением насилия с применением оружия. Новая Зеландия реформировала свои законы в начале 2019 года. Если реформы Новой Зеландии окажут серьезное влияние на возникновение насилия с применением огнестрельного оружия в их стране, они могут стать даже

Как это произошло?
Почему это важно?
Htm?
Что такое WordPress Seo?
Что означает SEM?
KEI в SEO - Что это?
SEO у всех на слуху, но что означает аббревиатура, что это означает и что это значит?
Каковы цели поисковой оптимизации и какими мерами они могут быть достигнуты?
И в чем разница с SEA и SEM?
Так что, если я скажу, что вы, вероятно, можете заработать деньги, что вы скажете?
Последние новости:
10 лучших игр и игрушек для детей 2-5 лет в самолете или поезде – чем занять ребенка в дороге?

Малыш уже достиг возраста 2 месяцев, а ведь так недавно он был совсем еще беспомощным. Теперь вы замечаете,

Еще совсем недавно появившись на свет, ребеночек трех месяцев стремительно растет и развивается. Родители

                                     В этот период развитию ребенка будет способствовать

Малыш 4-7 месяцев от роду обычно уже активно стремится сидеть, либо уже сидит. Пусть даже просто на коленях

Проводя раскопки в местах древнейших поселений людей, археологи часто находят детские игрушки: погремушки,

  Хотя малыш еще совсем недавно появился на свет, игрушки для месячного ребенка нужны, ведь развитием

25 лучших развивающих игр для новорожденных – развивающие занятия с рождения до полугода Большое заблуждение

» Ребенку 6 месяцев Какие игрушки нужны детям в 6 месяцев Погремушки, мячики, резиновые

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