Prerender and You: пример использования CJ

  1. История В этом году у меня была возможность поработать над интересным техническим SEO-проектом для...
  2. Наше решение
  3. Сделайте веб-приложение изоморфным со статическим содержанием HTML / CSS на каждой странице
  4. Жесткий код всех страниц со списком вакансий
  5. Результаты, достижения
  6. Жду с нетерпением

История

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

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

Эта проблема

Это Что ж - документированный проблема, о которой Google знал еще в 2009 году, то есть, что его бот не мог сканировать, отображать или индексировать динамически генерируемые страницы Javascript. Плохие новости для веб-приложения нашего клиента. За последние несколько лет компания Google усердно работала над устранением этого недостатка, что привело к заметным результатам. К тому времени, когда мне было поручено определить решение для нашего клиента, их веб-приложение могло быть оказываемых надежно, но это было об этом. Хотя Google предоставил решение для чтения динамически сгенерированных страниц нашего клиента, казалось, что бот оказался в тупике, когда дело доходило до перехода их веб-приложения на новый уровень SEO - сканирование, индексация и, прежде всего, ранжирование.

Все это еще более усугублялось тем, как работало их веб-приложение, а также тем, как оно было построено. Наш клиент работал в сфере поиска работы и стремился конкурировать с такими компаниями, как Действительно, Monster и AngelList. Их приложение включало в себя функцию граненого поиска, которая приводила бы ко всевозможным буквенно-цифровым URL-адресам, которые фактически представляли собой разные страницы, так как элементы на странице изменялись по мере того, как пользователи перемещались по фасетам, но эти изменения не воспринимались Google как новые. страницы. Нетрудно представить, как это может быть проблематично; ранжирование для такого термина, как «Работа в бухгалтерии Лос-Анджелеса» без страницы «Работа в бухгалтерии Лос-Анджелеса», можно сравнить с привлечением носка к перестрелке.

Наше решение

Мы засучили рукава, придумали три возможных решения и сразу же отказались от следующих двух:

Сделайте веб-приложение изоморфным со статическим содержанием HTML / CSS на каждой странице

Плюсы:

- Решает проблему SEO, уменьшая / минимизируя роль AJAX в обслуживании контента.

Минусы:

- Ресурсоемкая сборка для своих уже отжатых инженеров
- Управлять бэкендом вдвойне сложно

Жесткий код всех страниц со списком вакансий


Плюсы:

- Лучшая практика SEO

Минусы:

- Слишком много разработчиков. работа, не хватает времени.
- Подрывает преимущества AJAX (скорость сайта, пользовательский опыт)
- Трудно масштабировать в будущем

Мы закончили тем, что пошли с Prerender.io , Разработанный, чтобы придерживаться Google Спецификация сканирования AJAX Prerender работает, создавая кэшированные HTML-версии страниц (в нашем случае - псевдостраницы многогранного поиска в веб-приложении) и передавая эти кэшированные страницы боту Google, когда он приходит по URL-адресу? _Escaped_fragment_ =. Совместимый со всеми основными инфраструктурами и библиотеками JavaScript, Prerender существует на вашем сервере в качестве промежуточного программного обеспечения и работает с техническими стеками, включая Ruby on Rails, Nginx, Apache и другие.

Внедрение Prerender является простым (наш клиент смог развернуть его в течение недели после согласия на использование Prerender), оно полностью с открытым исходным кодом и поддерживается надежным документация , Это было решение Goldilocks, учитывая их ресурсы и потребности, которое начало приносить результаты почти сразу.

Результаты, достижения

На ум приходят три слова: хоккейная клюшка для индексации (показывается в Инструментах для веб-мастеров)

Prerender реализован

Мы удвоили индексацию в течение трех месяцев после внедрения Prerender. Теперь Google удалось сканировать и индексировать страницы фасетов из веб-приложения, что означает, что наш клиент теперь настроен на ранжирование по таким терминам, как «Работа в Лос-Анджелесе».

Здесь важно отметить, что одного только Prerender было недостаточно, чтобы гарантировать ранжирование в конкурентном пространстве SEO, таком как поиск работы; мой учитель математики / логики в старшей школе мог бы сказать, что Prerender был необходим, но не достаточен. Эта недостаточность была вызвана тем, что Prerender выбрал для индексации набор граненых страниц в веб-приложении (это не так). Prerender открыл страницы для Google, но ничего не сделал.

город

Тип задания

старшинство

Компания

Луизиана

бухгалтерский учет

запись

Компания А

Бостон

маркетинг

средний

Компания Б

Хьюстон

Графический дизайн

Старший

Компания С

В приведенной выше матрице количество возможных граненых страниц уже (как мне сказали) 81 комбинация. Хотя Google теперь мог сканировать и индексировать предварительно обработанные страницы, он не мог разумно упорядочить их в иерархии. Другими словами, не было соответствующей информационной архитектуры для поддержки наших недавно отредактированных страниц. На каждой странице веб-приложения также отсутствовали важные элементы SEO, такие как чистые URL-адреса (в отличие от чего-то вроде этот ) и описательные теги заголовков, которые помогают поисковым системам понимать контент. Проще говоря: Prerender был в состоянии предоставить Google ограненные страницы заданий и проиндексировать их, но сами страницы изначально не создавались как целевые страницы (нет иерархического каталога для просмотра, нет читаемых URL, нет заголовков и т. Д.).

Чтобы получить лучшее представление о том, что я описываю, мы можем обратиться к Джаггернауту поиска работы, на самом деле. Эта страница является страницей действительно, которая оценивается как “работа по учету в Нью-Йорке”. Читатели заметят, что эта страница, по сути, является многогранной страницей - она ​​создается с помощью уже заполненного внутреннего поиска действительно (что: штатный бухгалтер, где: Нью-Йорк, Нью-Йорк). Разница в том, что функция поиска действительно дополняется статическими страницами каталогов, состояние или категория и город, и что эта страница (и каждая такая страница на самом деле) имеет читаемый URL и оптимизированные теги заголовка. Эти элементы, иерархия и SEO на каждой странице работы, делают страницу претендента действительно сильной для SEO; Страницы нашего веб-приложения нашего клиента не были созданы с учетом SEO, поэтому в них отсутствовали критические элементы, которые Prerender никогда не предназначался для решения.

Применение только Prerender помогло A) значительно увеличить их индексацию и B) незначительно увеличить органический трафик. Это не было полностью автономным решением, но это был большой шаг в правильном направлении для нашего клиента.

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

Жду с нетерпением

Google объявил месяц назад, что они устарела их схема сканирования AJAX , Контекст: в 2009 году, когда Google не удалось отобразить динамически сгенерированные страницы, они порекомендовали обходные пути, например? _Escaped_fragment_ =, которые Prerender аккуратно инкапсулирует. Теперь, шесть лет спустя, Google надевает свои большие штаны и заявляет, что на самом деле они не могут сканировать и отображать ваш контент JavaScript (они обновили свои технические рекомендации для веб-мастеров , тоже). Лично мне еще предстоит увидеть убедительные доказательства того, что Google может сканировать и отображать динамический контент в масштабе. Отдельные страницы, да, целые сайты (значительного размера), нет.

На данный момент Google все еще будет сканировать и принимать? _Escaped_fragment_ = решения по индексации, означающие, что их объявление об устаревании имеет мало практических последствий для среднего SEO / веб-мастера. Google направил свои усилия на сканирование динамически генерируемого контента. Тот факт, что они объявляют об устаревании своей схемы сканирования AJAX сейчас, когда их текущие возможности сканирования все еще неоптимальны, говорит о том, что они уверены, что смогут хорошо сканировать динамический контент, если не скоро.

В то же время, Prerender и подобные ему решения по-прежнему являются надежными способами сканирования вашего AJAX и JavaScript, и вряд ли это удастся изменить в ближайшее время. Поэтому для тех, у кого динамически генерируемый сайт хочет включить сканирование, я бы порекомендовал попробовать Prerender. Это не обязательно идеальное решение, я бы описал его как «один размер подходит большинству», но оно сработало для моего клиента, не разрушая банк.

Похожие

SEO на странице
... советы и приемы, которые используются для того, чтобы интерфейс веб-страниц выглядел профессионально и создавал качество и уникальность аудио-, видео- и текстового контента на этих страницах. Таким образом, это связано со всеми общедоступными функциями сайта или блога.
9 кейсов по электронной почте с отличными ответами
СЕЙЧАС С БОЛЬШЕ! Этот пост был обновлен в 2019 году, чтобы добавить еще 3 успешных тематических исследования. Наслаждайтесь! Обязательно ознакомьтесь с нашим предыдущим постом из этой серии: Холодная рассылка: лучшие инструменты автоматизации продаж Холодная электронная
Пример использования SEO - Hilton Smythe - Optus Digital
Хилтон Смит работает с Optus с июня 2017 года. Они являются одним из ведущих бизнес-брокеров в Великобритании, с огромным опытом в покупке и продаже бизнеса. Основанные в 2011 году Гаретом Смитом и Крейгом Грэмом, они имеют вырос из компании переворачивая 60 тыс. фунтов
3 примера целевых страниц, оптимизированных для рекламного трафика Facebook
Разработка целевой страницы без учета того, кто будет смотреть на это, все равно что ходить на работу в той же одежде, которую вы носите в воскресенье днем ​​на диване. Это не будет летать. Чтобы избежать того неловкого момента, когда вы понимаете, что ваш начальник видит верхнюю часть вашего
Majestic SEO Обзор
... наше цифровое агентство, расположенное в Сиднее, Австралия, начало использовать Majestic для создания конкурентного преимущества на австралийском рынке веб-дизайна. Используя Majestic для исследования не только наших конкурентов в Австралии, но и наших коллег в США, Великобритании и Новой Зеландии, мы смогли увидеть, где нам нужно (в зависимости от обстоятельств) в индустрии цифрового маркетинга. Мы приняли стратегию создания контента с низким объемом / высоким качеством,
5 бесплатных инструментов SEO и примеры использования
... сок инструментов без дополнительной информации, поэтому было бы лучше сделать его практичным. На этот раз я собираюсь показать вам 5 инструментов, которые охватывают многие области SEO : анализ дублированного контента, анализ плотности ключевых слов, выбор ключевых слов на основе Google Suggest, анализ линкбилдинга и анализ позиций сайт
Позиция Google по созданию ссылок в 2015 году
Продолжение жизнеспособности построения ссылок как эффективного Стратегия поисковой оптимизации (SEO) обсуждается специалистами по поисковому маркетингу с тех пор, как Google выпустила обновление алгоритма поиска Penguin в 2012 году.
Как кэширование страниц оптимизирует производительность вашего сайта
Кэширование страниц - это еще один метод, который может помочь вам улучшить время загрузки ваших веб-страниц и тем самым оптимизировать ваш сайт для поисковых систем. Время загрузки страницы может существенно повлиять на ваш пользовательский опыт и способность вашего сайта превращать посетителей в покупателей или в потенциальных клиентов. Фактически, эксперименты в Google показали, что разница во времени загрузки всего лишь на полсекунды может привести к сокращению веб-трафика до 20%. По
SEO в 2018 году: контент как «личный консультант»?
SEO в 2018 году. Ожидания для поисковых систем резко изменились за последние несколько лет. В старые времена (около 2 лет назад) люди ожидали, что их поисковая система будет вести себя как алгоритм и будет выдавать ответы. Сегодня люди ожидают «личного советника». В этой статье На сайте thinkwith Google Лиза Гевелбер очень кратко рассказывает нам об этом явлении. В SEO говорят, что пользователи
Тенденции развития местных SEO стратегий в 2018 году
... нарии SEO. Что такое местный SEO Локальное SEO - это локальная поисковая оптимизация. Как и в SEO, которое является более общим, локальное SEO - это процесс ранжирования предприятий и того, что они могут предложить местным жителям, когда они ищут его. Это сделает ваш сайт выделенным в локальных поисковой выдаче над вашими конкурентами, что привлечет больше трафика и увеличит количество потенциальных клиентов и количество конверсий. Кроме того, потенциальные клиенты
SEO на странице, важность удивительного Google
... совпадений и показывает результаты, наиболее близкие к нашему поиску. Поэтому стать первым вариантом на тысяче страниц - однозначная задача для многих компаний. Выполняя ряд внутренних действий, мы можем стать отличными ссылками в результатах поиска нашей аудитории. SEO на странице, как указано под его собственным именем, относится к оптимизации интерьера вашего сайта, тем самым улучшая поисковые системы и взаимодействие с пользователем.

Комментарии

Я уже с нетерпением жду использования Screaming Frog, я не прав?
Я уже с нетерпением жду использования Screaming Frog, я не прав? Как установить инструмент Screaming Frog? Первое, что вы должны сделать, это перейти на страницу приложения, чтобы загрузить соответствующую версию для вашей операционной системы. Помните, что он доступен как для ПК, Mac, так и для Linux Ubuntu, после загрузки вы должны только начать установку и следовать инструкциям, указанным в окне программы установки.
Это заставило меня задуматься, если первые 1300 строк кода будут идентичны на каждой странице сайта, может ли поисковая система считать эти страницы дублирующими друг друга?
Это заставило меня задуматься, если первые 1300 строк кода будут идентичны на каждой странице сайта, может ли поисковая система считать эти страницы дублирующими друг друга? Я позволю тебе решить для себя. Вот официальное определение Google для дублированного контента: «Дублированный контент обычно относится к существенным блокам контента внутри или между доменами, которые либо полностью совпадают с другим контентом, либо заметно схожи». Мне кажется совершенно ясным, что Google рассмотрит
Имеет ли смысл включать все из них на одной странице или контент должен быть разбит на несколько страниц?
Имеет ли смысл включать все из них на одной странице или контент должен быть разбит на несколько страниц? Использование ключевых слов. Использует ли каждая страница на вашем сайте слова, за которые вы хотели бы получить рейтинг? Являются ли ключевые слова чрезмерно или недостаточно использованы в содержании? Свежий - актуален ли контент? Нужна ли новая информация? Медиа - Используете ли вы различные медиа для своей аудитории? Предлагает ли страница видео, изображения,
Делайте это, читайте, делитесь им, получайте ссылки, получайте хороший хостинг и ускоряйте время загрузки страниц… и результативные результаты поиска будут следовать, верно?
Делайте это, читайте, делитесь им, получайте ссылки, получайте хороший хостинг и ускоряйте время загрузки страниц… и результативные результаты поиска будут следовать, верно? Я имею в виду, что еще можно сказать? Оказывается, много. Ключевое слово исследования более фундаментальным для вашей стратегии контент-маркетинга чем вы можете подумать. Кроме того, вы, возможно, уже делаете
Есть ли у них или их друзей история использования вашего сайта или публикации в социальных сетях?
Есть ли у них или их друзей история использования вашего сайта или публикации в социальных сетях? Социальное В то время как Google+ был единственным источником социальных медиа, напрямую включенным в поисковый рейтинг, эксперты по SEO широко признают ценность постинга на Facebook, Twitter и других социальных сайтах и ​​предоставления им возможности делиться своими ссылками. Чем больше людей делятся вашими материалами, тем больше людей приходят на ваш сайт - это хороший
Готовы обновить стратегию контент-маркетинга в этом году?
Готовы обновить стратегию контент-маркетинга в этом году? Чтобы помочь вам узнать о последних хитростях и быть в курсе тенденций контент-маркетинга, SEMrush подготовил контрольный список контент-маркетинга на 2019 год. Используйте эту тактику, идеи и инструменты, чтобы придать вашей стратегии контент-маркетинга столь необходимый импульс. Получить бесплатный PDF Что такое линкбилдинг
Как вы хотите расти в этом году?
Как вы хотите расти в этом году? Наши услуги по цифровому маркетингу и SEO для малого бизнеса Шарлотты помогут вам в этом. Вы устанавливаете бюджет, а мы приносим трафик. «После того, как мы наняли команду в Banyan, чтобы помочь нам разработать и проконтролировать нашу маркетинговую стратегию, мы достигли ощутимых результатов. Кроме того, я знаю, что у нас есть надежный партнер, который понимает, что движет нашим бизнесом, нашими целями и как помочь нам достичь этих целей. Цели. Мы считаем,
Как ваш бизнес будет захватывать больше бизнеса в этом году?
Как ваш бизнес будет захватывать больше бизнеса в этом году?
Добраться до третьей позиции на первой странице Google, у которой общий средний рейтинг кликов составляет 10%, или купить рекламу на первой странице Google, у которой средний клик составляет 2%?
Добраться до третьей позиции на первой странице Google, у которой общий средний рейтинг кликов составляет 10%, или купить рекламу на первой странице Google, у которой средний клик составляет 2%? Цель приведенного ниже расчета состоит в том, чтобы определить, какая из них представляет лучшую стоимость, а какая, скорее всего, даст вам более высокую отдачу от ваших инвестиций. Довольно часто лучший результат заключается в объединении нескольких длинных ключевых слов в нише.
Для страниц с изображениями есть ли возможность поделиться на Pinterest, Facebook и Twitter?
Для страниц с изображениями есть ли возможность поделиться на Pinterest, Facebook и Twitter? Является ли LinkedIn опцией для делового текстового контента? Социальные сигналы необходимы для того, чтобы замкнуть петлю на удовлетворение намерений пользователя, продемонстрировав как пользователям, так и поисковым системам одобрение вашего контента. 8. В конечном счете, могут ли пользователи найти банан? Сет Годин опубликовал книгу несколько лет назад под
Как много взаимосвязей у вас есть на каждой из этих окружающих городских страниц?
Для страниц с изображениями есть ли возможность поделиться на Pinterest, Facebook и Twitter? Является ли LinkedIn опцией для делового текстового контента? Социальные сигналы необходимы для того, чтобы замкнуть петлю на удовлетворение намерений пользователя, продемонстрировав как пользователям, так и поисковым системам одобрение вашего контента. 8. В конечном счете, могут ли пользователи найти банан? Сет Годин опубликовал книгу несколько лет назад под

Все это звучит идеально, верно?
На данный момент Google все еще будет сканировать и принимать?
Я уже с нетерпением жду использования Screaming Frog, я не прав?
Как установить инструмент Screaming Frog?
Это заставило меня задуматься, если первые 1300 строк кода будут идентичны на каждой странице сайта, может ли поисковая система считать эти страницы дублирующими друг друга?
Это заставило меня задуматься, если первые 1300 строк кода будут идентичны на каждой странице сайта, может ли поисковая система считать эти страницы дублирующими друг друга?
Имеет ли смысл включать все из них на одной странице или контент должен быть разбит на несколько страниц?
Использует ли каждая страница на вашем сайте слова, за которые вы хотели бы получить рейтинг?
Являются ли ключевые слова чрезмерно или недостаточно использованы в содержании?

Вход