Забыли пароль?

Новости Мира
Ваш надежный партнер!

Электронная коммерция, оптимизированная для SEO, с моментальным поиском Algolia.js

  1. Некоторый фон
  2. SEO проблемы и как я с ними справился
  3. Бесконечная прокрутка
  4. Фильтры и дружественные URL
  5. Обработка заголовков и кратких описаний
  6. Завершение

Наш деловой партнер https://bikinika.com.ua

Когда я впервые столкнулся с Алголией, и в частности instantsearch.js Я влюбился в скорость, великолепный способ взаимодействия компонентов пользовательского интерфейса и простоту реализации. Но очень скоро после экспериментов и понимания того, как это работает, я, как и многие другие, очень заинтересовался его использованием на веб-сайте, который будет опираться на SEO, индексирование большого количества контента и рейтинг в SERPs ,

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

Некоторый фон

All The Dresses объединяет всю женскую одежду, которую можно взять напрокат в Австралии, в один красивый, простой в использовании и чрезвычайно быстрый (благодаря Algolia) веб-сайт. В настоящее время мы насчитываем около 3000 наименований в 15 лучших онлайн-бутиках Австралии.

В настоящее время мы насчитываем около 3000 наименований в 15 лучших онлайн-бутиках Австралии

Все платья на рабочем столе

Да, технически, Все платья не является веб-сайтом электронной коммерции, поскольку на нем нет корзины или оформления заказа, но он все еще следует знакомой концепции представления списков продуктов потребителям в различных категориях / сегментах, которые затем ведут к отдельным страницам для каждого продукта. Таким образом, весь контент, представленный ниже, должен по-прежнему относиться к большинству веб-сайтов e-tail.

Прежде чем мы углубимся в детали, позвольте мне заявить, что «Все платья» были написаны с нуля (не считая использования нескольких JS-скриптов с открытым исходным кодом для определенных функций пользовательского интерфейса). То есть мы не используем какую-либо платформу электронной коммерции, такую ​​как Magento, WooCommerce или Shopify. Основными языками / платформами / фреймворками являются PHP, MySQL и Jquery. Сайт использует бесконечная прокрутка как описано Алголией Вот с несколькими хитростями.

Одна страница поиска / списков PHP обрабатывает представление домашней страницы (или «Наше избранное»), представление дизайнера и представление категории.

SEO проблемы и как я с ними справился

Загрузка контента в исходном HTML

Основная проблема, которую больше всего беспокоит InstantSearch.js или любые веб-сайты, использующие AJAX-вызовы для заполнения контента, - это сомнение в том, будет ли робот Google видеть и индексировать этот контент. Исторически, Сканеры Google получат только исходный HTML , но достижения последних лет доказали, что Google действительно способен выполнять Javascript и индексировать контент загружается через Javascript при загрузке страницы. Сказав это, нет однозначного ответа на вопрос, всегда ли он делает это, насколько хорошо это делает, и делает ли он это для всех видов и сложности веб-сайтов. Другими словами, робот Googlebot не так предсказуем при индексации динамического контента, как при индексации исходного (или статического) контента.

Совет. Убедитесь, что все файлы .js, .css и изображения не заблокированы роботом Googlebot через robots.txt или любым другим механизмом, чтобы робот Google мог выполнять необходимый вам Javascript.

Вот пример того, что «Fetch as Google» увидел на одной из наших страниц: список дизайнерских продуктов для Zimmermann , Все виджеты InstantSearch успешно загружены.

Вот пример того, что «Fetch as Google» увидел на одной из наших страниц:   список дизайнерских продуктов для Zimmermann   ,  Все виджеты InstantSearch успешно загружены

Как робот Google видел страницу со списком дизайнеров Zimmermann

Я только обнаружил эту функцию довольно близко к запуску сайта. Я рано решил, что быть в безопасности контент должен быть загружен как часть исходного HTML, где это возможно. Даже если бы я узнал, что я делал с роботом Google на раннем этапе, я все равно придерживался этого решения. Для этого я использовал Algolia PHP API сделать запрос, который соответствует запросу InstantSearch.js, который будет сделан при загрузке.

После создания соответствующего фильтры в PHP и, отправляя запрос в Algolia через API, я вывожу результаты в HTML, который очень близок к тому, что генерирует Instantsearch.js. Instantsearch настроен на одновременное отображение 20 элементов, так что это все, что я выводил в исходный HTML-код через PHP. Если вы посетите страницу со списком дизайнеров на All The Dresses, например, Талула Платья , затем «Просмотр исходного кода» в вашем браузере, вы увидите, что детали первых 20 продуктов находятся в исходном HTML как часть обычной разметки. Я также выводю списки уточнений для Designer и Website, которые возвращаются PHP API как часть одного и того же запроса, если вы указать грани ,

Instantsearch.js запускается при загрузке и динамически заменяет исходный HTML-код полученными результатами. Это в основном не влияет на отображение страницы, так как по большей части заменяет исходный HTML точно таким же HTML. Перфекционист во мне был раздражен этой концепцией - делать один и тот же запрос дважды, один раз через PHP и один раз через Instantsearch, а также заменять контент точно таким же контентом - но я справился с этим. Для всех платьев это оказывает минимальное влияние на производительность или пользовательский опыт. В идеале, instansearch.js предлагает возможность передать ему начальное состояние без необходимости делать начальный запрос в Алголию, но, к сожалению, это не доступно. Команда из Алголии сказала, что это то, что они включают в новый выпуск React InstantSearch - будем надеяться, что они сделают то же самое для InstantSearch.js :)

Бесконечная прокрутка

Итак, я обработал вывод исходного HTML для первых 20 продуктов любого запроса выше. Но все платья использует бесконечная прокрутка и определенный запрос часто возвращает более 20 продуктов, так как мне заставить Googlebot индексировать содержимое остальных этих продуктов на странице списков?

Простым способом было бы вообще избежать бесконечной прокрутки и вернуться к использованию кнопок нумерации страниц или кнопок «Предыдущая / Следующая», но мне просто понравился опыт бесконечной прокрутки, предоставленный пользователю, поэтому я решил остаться.

<link rel = "next" href = " / Дизайнер / Автопортрет / 1 «>

Я использую перезапись URL-адресов, чтобы сделать поисковую систему URL-адресов более удобной (подробнее об этом позже), но в основном передается параметр startPage = 1 (0 представляет первую страницу). Я передаю это как PHP-API Algolia, так и InstantSearch, чтобы результаты начинались с продукта № 21 для этого запроса. На странице 2 есть rel = prev с URL-адресом startPage, равным 0 (или не указан), и rel = next с URL-адресом startPage, равным 2. Это продолжается до тех пор, пока больше не будет товаров для этого запроса. В сочетании с этими 20 продуктами PHP API Algolia также предоставляет общее количество результатов, доступных для запроса. Вы можете использовать это, чтобы определить, есть ли еще продукты после определенной страницы, и, следовательно, следует ли включать тег rel = next.

Робот Googlebot следует за каждым из этих URL-адресов и, следовательно, индексирует содержание.

Примечание. Когда пользователь посещает страницу со списком продуктов, начиная с номера, отличного от номера 1, он может получить доступ ко всем продуктам после этой начальной точки с помощью бесконечной прокрутки, но не может получить доступ к продуктам до этой начальной точки. Это действительно влияет на пользователей, только если они пришли на веб-сайт с помощью результата Google, в котором указана стартовая страница, отличная от 1, поскольку другого естественного способа попасть на эти страницы не существует.

В идеале на странице должна быть обратная бесконечная прокрутка , которая не была характерной чертой решения Алголии с бесконечной прокруткой. Я могу реализовать это в будущем, но сейчас это не является приоритетом. Вот отличный пример бесконечной прокрутки, удобной для поисковых систем: http://scrollsample.appspot.com/items

Фильтры и дружественные URL

Для всех платьев «Дизайнер» был единственным параметром фильтра, который был действительно важен для SEO. С помощью Apache mod_rewrite Чтобы включить дружественные URL-адреса, я создал URL-адреса непосредственно для списков продуктов для определенного дизайнера, например:

Робот Googlebot находит эти URL одним из трех способов:

  • Каждый дизайнер в списке уточнений на самом деле является тегом <a> с ссылкой на страницу с URL-адресом для конкретного дизайнера. Нажав на это, вы фактически не попадете туда, просто примените фильтр к InstantSearch, но для Google это действительная ссылка, и она пойдет по ней.
  • У меня есть преданный Страница со списком дизайнеров , в котором перечислены все дизайнеры, каждый со ссылкой на соответствующий дружественный URL.
  • Карта сайта, которая была отправлена ​​в Google. Я использую класс PHP, карта сайта на PHP

Помимо указания номера страницы, как описано ранее, единственная другая функция URL, которую я реализовал, предназначена для предварительно определенных поисков. Вкратце, я беру общие термины поиска (или категории, если хотите), такие как « Красное платье " а также " Комбинезон с цветочным принтом »И сделайте поиск этих терминов доступным по URL-адресу, например:

Я делаю эти ссылки доступными через файл Sitemap, а также Страница категорий (который намеренно не так легко найти).

Обработка заголовков и кратких описаний

Теперь у нас есть индивидуальные URL-адреса, удобные для поисковых систем, для каждого дизайнера и каждой категории. Чтобы улучшить SEO на этих страницах, мне нужен заголовок <h1>, относящийся к дизайнеру или категории, и для некоторых дизайнеров я выбрал текстовое (и ключевое слово) описание из 100 слов.

Давайте использовать страница со списком дизайнеров для Dion Lee , В качестве примера. Проблема в том, что теперь у нас есть страница с заголовком «Dion Lee» и краткое описание над списками продуктов, но у пользователя есть возможность полностью изменить то, что отображается с помощью мгновенных улучшений поиска. Если пользователь выбирает добавить другого дизайнера в качестве уточнения, должна ли страница по-прежнему отображать заголовок «Dion Lee»? Я бы подумал, что нет. Что если пользователь отменит выбор «Dion Lee» из списка дизайнерских уточнений? Тогда я бы точно подумал, что нет.

Я решил эту проблему, установив атрибут заголовка «тип заголовка» (дизайнер, категория или домашняя страница) в заголовке и используя простую пользовательскую функцию поиска (опция InstantSearch () основной метод ). Это проверяет состояние текущих фильтров, чтобы увидеть, был ли изменен фильтр, который выровнен по значению атрибута title type. Если он изменился, скрыть заголовок.

Таким образом, при просмотре списка дизайнеров, если пользователь изменяет фильтры, такие как Размер или Цена, заголовок остается. Как только список уточнений дизайнера будет изменен, заголовок будет скрыт.

Завершение

Я надеюсь, что приведенная выше информация поможет вам принять решение о том, использовать ли InstantSearch.js на вашем сайте электронной коммерции. Правда в том, что «Все платья» недостаточно взрослые, чтобы я мог категорически сказать, какое влияние использование InstantSearch оказало или окажет на нашу индексацию и рейтинг Google. У меня также нет альтернативной базы для сравнения (то есть период предварительного поиска). Но, по крайней мере, вы можете видеть, что я продумал проблемы, и теперь вы знаете, как я их преодолел.

В течение 48 часов после запуска All The Dresses уже получали более 100 посещений в день от Google, и этот показатель быстро рос каждую неделю в течение последних 8 недель. Это без единой существенной обратной ссылки для повышения авторитета нашего домена или страницы. По общему признанию, большая часть трафика Google попадает на страницу с описанием конкретного продукта, которая не требует или использует InstantSearch.

Буду рад вашим отзывам о методах, использованных выше, а также о нашем веб-сайте в целом. Кроме SEO, мы думаем, что это довольно крутая реализация Algolia InstantSearch. Дайте нам знать, что вы думаете в комментариях. О, и если вам понравилось чтение, пожалуйста, нажмите на сердце ниже, чтобы рекомендовать этот пост. Ура!

Мы только что выпустили Все платья Новая Зеландия в allthedresses.co.nz - это дочерний сайт All The Dresses (Австралия) и работает полностью на той же кодовой базе. Параметры конфигурации просто указывают на другую базу данных и приложение / индекс Algolia в зависимости от домена, на который зашел пользователь.

Похожие

Отрицательный SEO
... ицательный SEO - это форма саботажа, которую некоторые пытаются использовать, чтобы сбить сайты конкурентов в результатах поисковых систем"> Отрицательный SEO - это форма саботажа, которую некоторые пытаются использовать, чтобы сбить сайты конкурентов в результатах поисковых систем. Существует много споров о том, эффективен ли NSEO. Многие считают, что направление множества спам-ссылок на сайт с использованием наиболее ценных ключевых слов сайта в качестве основного текста
SEO услуги Хайдарабад, SEO Вишакхапатнам, SEO Виджаявада, SEO Гунтур
Поисковая оптимизация (SEO) Ratnam Technologies предлагает профессиональные и доступные услуги SEO Хайдарабад Андхра-Прадеш. Наша специальная команда профессионалов в области SEO обеспечивает гарантированную топ-10 рейтинга в популярных поисковых системах. Мы всегда строго следуем рекомендациям Google и методам белой шляпы. Наши услуги SEO включают в себя все, от редизайна сайта до SEO маркетинга, SEM, SMO, слов Google Ad . Мы гарантируем, что
5 книг, которые помогут вам осознать важность SEO для электронной коммерции
В электронной коммерции SEO является одним из лучших ресурсов для завоевания хорошей аудитории. Один виртуальный магазин и один блог электронной коммерции С помощью хорошо зарекомендовавших
Joomla в IIS 7: SEO дружественные URL не работают
... SEO дружественные URL не работают Сценарий: сценарий Поскольку мы предоставляем услугу миграции Joomla для наших клиентов, нам иногда необходимо перенести сайт Joomla с сервера Linux на Windows. Будет сообщено о нескольких проблемах совместимости. Правила в файле .htaccess не будут работать на серверах Windows, что приведет к неправильной работе сайта.
SEO
... сковая оптимизация или SEO помогает сделать страницы вашего сайта видимыми и релевантными для поисковых систем и пользователей. Контент повышает рейтинг поисковых систем - это то, что приводит пользователей на ваш сайт. И тот же контент, когда он заполнен соответствующими ключевыми словами, станет дружественным для поисковых систем. Прочитайте, как мы подходим к SEO , Конечно, это может стать техническим. Однако, как владелец бизнеса,
улучшить SEO WordPress |
... итается самой популярной системой управления контентом из-за ее совместимости с поисковыми системами и SEO-дружественности"> WordPress считается самой популярной системой управления контентом из-за ее совместимости с поисковыми системами и SEO-дружественности . В настоящее время на WordPress создаются бесчисленные блоги, веб-сайты и сайты электронной коммерции . Эта платформа CMS, от начинающих компаний до крупных корпораций,
SEO для чайников
Считаете себя довольно лёгким WordPresser, но всё ещё не подружились с SEO? Это нормально, потому что он не очень стабильный парень. Алгоритмы поиска в Google постоянно меняются, и иногда очень сложно не отставать от рейтинга. В этой статье мы поможем вам справиться с этой проблемой и рассмотрим 7 предупреждающих знаков, что ваш сайт WordPress не является
SEO методы наказаны
Есть некоторые методы SEO , которые наказываются поисковыми системами. Во многих случаях эти плохие практики, называемые Black Hat SEO , в основном осуществляются из-за невежества, поэтому важно прочитать рекомендации, рекомендации и правильные направления действий
Что такое SEO?
... seo-consultant-in-delhi-india/"> SEO консультант в Индии - Адеш Саксена Также прочитайте: Аутсорсинг услуг интернет-маркетинга - почему, когда и как? Также прочитайте: Нажмите, чтобы узнать больше обо мне Я действительно очень
БЕСПЛАТНЫЙ SEO ОТЧЕТ
... совершенно бесплатно для вашего веб-сайта или интернет-магазина, вам просто нужно заполнить форму ниже с информацией на вашем веб-сайте. В отчете о SEO мы предоставим вам информацию об авторитете SEO вашего сайта, такую ​​как pagerank, положение в Alexa, входящие обратные ссылки, основная информация о SEO для улучшения позиционирования в Интернете в результатах поиска в Google, оценка содержания вашего сайта с точки зрения Seo view, изучение юзабилити вашего веб-сайта,
... исковая оптимизация (SEO) является важным компонентом пригодности веб-сайта и успеха в Интернете...
... исковая оптимизация (SEO) является важным компонентом пригодности веб-сайта и успеха в Интернете. Как и физические упражнения, они должны выполняться регулярно, чтобы обеспечить хорошее здоровье. Это не то, что вы делаете временно, чтобы «повысить результаты». Пропустите месяц или два в спортзале и съешьте нездоровую пищу, и вы знаете, как это повлияет на ваше здоровье. То же самое относится и к SEO. Те из нас, кто стремится достичь наивысшей вершины здоровья и фитнеса, имеют самых

Комментарии

Это стало началом новой индустрии в мире SEO, которая называется Семантическое SEO , Означает ли это, что традиционный SEO мертв?
... seo-otimizacao-de-sites/curso-de-seo/"> Курс SEO в Сальвадоре Это последнее дополнение к Digital IsCool, образовательной платформе, созданной Zygon в партнерстве с Центр перспективных исследований в области цифровой демократии (CEADD - UFBA). Как вы могли видеть здесь, в
Но понимаете ли вы различные части SEO, и что есть как на странице, так и вне страницы SEO?
Но понимаете ли вы различные части SEO, и что есть как на странице, так и вне страницы SEO? На этой странице мы поговорим обо всем, что подпадает под общий термин SEO на странице и поговорите о том, как вы можете максимизировать свои усилия, чтобы увидеть лучшие результаты. Если вы хотите поговорить со специалистом о SEO для вашего сайта, вы можете связаться с нами по телефону
Есть ли какие-либо преимущества SEO для URL?
Есть ли какие-либо преимущества SEO для URL? Да! Тем не менее, они не имеют ничего общего с ключевыми словами. Google, Bing, Yahoo !, и другие поисковые системы предпочитают простые и понятные URL-адреса, которые дают то, что они обещают. URL-адреса, заполненные номерами элементов, специальными кодами или жаргоном, могут фактически повредить рейтинг конкретной страницы. Это связано с тем, что простой URL-адрес, такой как /clothes/babies/age-2-to-4.html, гораздо проще
Вместо этого вы связаны с сообщениями на форуме с названиями, такими как «Добавить ссылку на видео» и «Как загрузить видео с URL?
Вместо этого вы связаны с сообщениями на форуме с названиями, такими как «Добавить ссылку на видео» и «Как загрузить видео с URL?» Поиски «прерывистый видео» и «размер видеофайла» в равной степени бессмысленны, так как Website Builder воспроизводит только видео, размещенные в другом месте, и вы ничего не можете сделать, чтобы изменить качество или размер видео. Мы запустили поиск по ключевым словам, и хотя они обычно возвращали много статей, большинство из них не могли сказать ничего полезного
Но как вы решаете проблемы SEO (поисковой оптимизации) на странице, которые влияют на ваш сайт или сайт вашего клиента?
Но как вы решаете проблемы SEO (поисковой оптимизации) на странице, которые влияют на ваш сайт или сайт вашего клиента? Это тип работы, который можно перевести на деньги в вашем кармане. Чем выше рейтинг сайта в результатах поиска, тем больше трафика он приносит. Трафик может означать больше продаж и лидов. Ранжирование высоко в результатах важно, так как 71,33% искатели нажимают результаты на первой
Наличие страницы FB или страницы Twitter не имеет значения в практике SEO - повторяю вопрос, как вы в настоящее время управляете своим SEO?
Наличие страницы FB или страницы Twitter не имеет значения в практике SEO - повторяю вопрос, как вы в настоящее время управляете своим SEO? У вас нет ни малейшего представления о том, как работает SEO, к тому же вы далеки от его постоянно меняющихся тенденций, алгоритмов, и есть некоторая математика SEO, которая не приходит вам в голову. Вы когда-нибудь думали о аутсорсинг
Как вы должны думать, как копирайтер SEO?
Как вы должны думать, как копирайтер SEO? Суть в том, что, как SEO копирайтер, вы думаете о том, почему люди ищут что-то, а не думают о том, что они ищут. Ваша контентная стратегия должна быть направлена ​​на удовлетворение
Например, если вы в первую очередь заинтересованы в улучшенном брендинге, подойдите к SEO с учетом следующего вопроса: «Как я могу инвестировать в SEO, чтобы улучшить брендинг моей компании?
Например, если вы в первую очередь заинтересованы в улучшенном брендинге, подойдите к SEO с учетом следующего вопроса: «Как я могу инвестировать в SEO, чтобы улучшить брендинг моей компании?» Сообщите эту цель потенциальным партнерам по SEO. Чем более сегментирован ваш подход, тем больше шансов на достижение этой цели. Как эксперты в этой области, SEO-компании знают, как форматировать стратегии, чтобы максимизировать потенциал брендинга или какую-либо основную цель вашей компании.
Q4: Как выбрать хостинг WordPress для SEO преимуществ?
Q4: Как выбрать хостинг WordPress для SEO преимуществ? Ответ: Есть много факторов, которые следует учитывать при выборе хостинга. Некоторые из них включают в себя: Стоимость Простота установки Служба поддержки Управление веб-сервером 1) Если у вас есть внутренние ресурсы, емкость и время, чтобы справиться с хостингом, резервным копированием данных, обновлениями и восстановлением, попробуйте виртуальный
Какие вопросы я должен задать перед тем, как продолжить работу с компанией SEO?
Какие вопросы я должен задать перед тем, как продолжить работу с компанией SEO? Вот несколько важных вопросов, которые вы должны задать, когда решите нанять компанию SEO. Как вы планируете улучшить мой рейтинг в поисковых системах? Это важно, потому что вы хотите держаться подальше от организаций SEO, которые используют любую из следующих тактик. Автоматизация создания контента путем копирования и перезаписи публикаций с помощью ботов (вращение статей), чтобы наполнить
В основном оставался вопрос: какие настройки SEO мне действительно помогают - и как мне действовать?
В основном оставался вопрос: какие настройки SEO мне действительно помогают - и как мне действовать? На этот вопрос отвечают наши новые функции для вас. Вот почему я уверен, что вам понравились функции SEO для Dolphin, и они сделают для вас много работы. Принцип объясняется просто: новые функции SEO автоматически выполняют большую часть задач. И если вы собираетесь быть активными сами, покажите им, что вы можете сделать, чтобы улучшить. Таким образом, вы просто выполняете

Если пользователь выбирает добавить другого дизайнера в качестве уточнения, должна ли страница по-прежнему отображать заголовок «Dion Lee»?
Что если пользователь отменит выбор «Dion Lee» из списка дизайнерских уточнений?
Seo-consultant-in-delhi-india/"> SEO консультант в Индии - Адеш Саксена Также прочитайте: Аутсорсинг услуг интернет-маркетинга - почему, когда и как?
Но понимаете ли вы различные части SEO, и что есть как на странице, так и вне страницы SEO?
Есть ли какие-либо преимущества SEO для URL?
Вместо этого вы связаны с сообщениями на форуме с названиями, такими как «Добавить ссылку на видео» и «Как загрузить видео с URL?
Но как вы решаете проблемы SEO (поисковой оптимизации) на странице, которые влияют на ваш сайт или сайт вашего клиента?
Наличие страницы FB или страницы Twitter не имеет значения в практике SEO - повторяю вопрос, как вы в настоящее время управляете своим SEO?
Как вы должны думать, как копирайтер SEO?
Реклама
ТОП Новостей
https://bikinika.com.ua
Наш деловой партнер https://bikinika.com.ua. Казино "Buddy.Bet" готово подарить вам незабываемый опыт! Имейте в виду, что мы только что открыли свои двери для всех желающих.

Реклама
Календарь
Реклама
Архив сайта

2013 © Все права защищены. www.osreg.ru . При копировании материала с сайта не забываем указывать источник в виде активной ссылки на сайт.