Анатомия оптимизированной для поиска фотогалереи от raven Tools

  1. Тюнинг на странице в мире Panda
  2. Проблема с лайтбоксом
  3. Проблемы с каруселью
  4. Хорошо, так почему бы и нет ...
  5. Решение: гибридная галерея
  6. Это работает?
  7. Бонусные советы и инструменты
  8. SLIR
  9. Создать фото карту

Вы получили памятку Google Panda любит богатый контент, например, большие уникальные изображения.

Итак, вы вышли и получили эти большие, красивые изображения и завернули их в лайтбокс или галерею в стиле карусели, и это так круто, что у вас синяки от похлопывания по спине.

Но теперь ваши невероятные изображения не отображаются в поиске Google. Совсем. Не в органическом поиске, не в поиске изображений.

Что случилось? Оказывается, то, что предоставляет пользователям отличный визуальный опыт, не всегда позволяет Google увидеть все эти великолепные визуальные эффекты.

Чтобы сделать ваших пользователей и поисковые системы счастливыми, нужно сделать несколько дополнительных шагов, но это можно сделать.

Тюнинг на странице в мире Panda

Во-первых, мы должны вернуться к некоторым основным принципам SEO на странице. Здесь нет ракетостроения. Мы все знаем, что нужно сделать:

  • Ключевая фраза в начале заголовка страницы
  • Ключевая фраза в заголовке H1
  • Большое изображение над сгибом, с ключевой фразой в ALT текст для изображения, и в самом имени файла изображения
  • Ключевая фраза в URL страницы
  • Ключевое слово где-то в тексте на странице (желательно также над сгибом)
  • Посыпать ссылку или две на эту страницу с ключевым словом в качестве текста привязки

Проблема с лайтбоксом

Большинство галерей лайтбоксов работают следующим образом: вы встраиваете миниатюры каждого изображения на странице и связываете это изображение с полноразмерной версией изображения со специальным тегом rel = в ссылке. CSS берет это оттуда.

Чрезвычайно важно отметить, что на большие версии изображений НЕ ссылаются обычные теги <img src = ”. Это ссылки на файлы JPG.

Так что же видит Google?

  • Целая куча крошечных миниатюр
  • Ссылки на большие изображения, как если бы они были отдельными страницами… без заголовков страниц, без основного текста, без тегов H1, без текста ALT

Целая куча крошечных миниатюр   Ссылки на большие изображения, как если бы они были отдельными страницами… без заголовков страниц, без основного текста, без тегов H1, без текста ALT

Панда не любит никаких крошечных миниатюр! Это даже не закуска.

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

Что касается этих больших, вкусных изображений? Нет никакой информации, чтобы сказать Google, о чем они, потому что они даже не на HTML-странице. Таким образом, нет заголовка, нет метаданных, нет H1, нет текста ALT и т. Д.

Проблемы с каруселью

Карусели часто работают, используя Javascript для изменения атрибута src = изображения в div.

Да, Google может выполнять НЕКОТОРЫЙ Javascript, но на самом деле это в основном обнаружение ссылок на страницы, которые они не нашли. И, как правило, способ написания Javascript - это копирование адреса следующего / предыдущего изображения в слайд-шоу. Таким образом, URL-адреса всех изображений (за исключением, возможно, первого) на самом деле не видны Google.

Таким образом, все, что Google действительно видит, - это первое изображение (если вам повезет) и его текст ALT.

Другая распространенная реализация карусели фотографий скрывает все, кроме текущего изображения, устанавливая стиль отображения: нет. Затем нажатие кнопок «Далее» или «Предыдущий» вызывает Javascript, который скрывает отображаемое в данный момент изображение и меняет стиль отображения следующего изображения для отображения: блокировать или отображать: встроенное.

У этого подхода есть две проблемы:

  • О чем страница? Он будет настроен на галерею NAME, а не на заголовок какой-либо конкретной фотографии. Изображения, их подписи и текст ALT находятся на одной странице.
  • Хотя изображения могут показаться пользователю быстро загружаемыми (поскольку они не извлекаются до тех пор, пока пользователь не нажмет кнопку «Далее» или «Предыдущий» или таймер не вызовет изменение), Google попытается извлечь их все сразу. Это может привести к тому, что Google увидит, что страница загружается очень медленно, и что Panda Bear не одобряет медленную загрузку страниц.

Хорошо, так почему бы и нет ...

... разместить все большие фотографии на одной странице? Много богатого контента для Panda, чтобы поглотить, верно? И больше фотографий, настроенных на целевую поисковую фразу, лучше, правда?

Отчасти верно, но есть три проблемы с этим подходом:

  • Скорость загрузки страницы: если у вас есть 20 фотографий, каждая размером 150 КБ, это 3M загрузки только для изображений. Плохо для пользователя и плохо для вашего рейтинга, как скорость загрузки страницы была фактором ранжирования в течение довольно долгого времени.
  • Страница будет настроена на название галереи, а не на отдельные фотографии. Это хорошо, если все фотографии одинаковы (например, все машины), но не работают, если каждая из фотографий является достойной целью поиска (например, разные машины на одном автосалоне).
  • Пользовательский опыт не так хорош, как карусель или лайтбокс, когда приходится вручную прокручивать страницу вниз до каждой фотографии.

Решение: гибридная галерея

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

Но этот пользовательский опыт не так хорош, как карусель или галерея в стиле лайтбокс.

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

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

Тогда вы можете либо отн = каноническое страница галереи необычного представления к странице представления классического галереи, или просто добавьте мета роботы noindex, следуйте на страницу галереи необычного представления.

Это работает?

Да, черт возьми. Ну, для длинных запросов в любом случае ... это не волшебная пуля. Давайте посмотрим на некоторые примеры.

https://www.google.com/search?q=bmw+m1+at+monterey

q=bmw+m1+at+monterey

Этот BMW M1 был продан с аукциона в Пеббл-Бич пару лет назад. Это редкая машина и очень необычная покраска, так что множество сайтов коллекционных автомобилей покрывали ее, а также аукционная компания.

Используйте ваш любимый инструмент для анализа обратных ссылок и посмотрите на эффективность каждого из результатов на странице и в домене. Вы найдете мою маленькую маленькую личную фотогалерею на # 1 как для поиска изображений, так и для обычного поиска. Впереди аукционная компания, у которой была страница, посвященная продаже этого автомобиля; впереди автомобильных журналов, которые освещали эту машину.

Придерживаясь автомобильной темы, давайте рассмотрим еще один интересный автомобиль, который получил некоторое освещение в прессе: Chevy Corvair Corsa 1966 года, показанный на выставке Keels and Wheels:

https://www.google.com/search?q=corvair+at+keels

Результатом № 1 стал мой клиент, Chubb Collector Car Insurance, с галереей в стиле карусели. В нем используется полностью настраиваемая часть программного обеспечения Drupal, но в сущности то же самое, что и в необработанном программном обеспечении PHP для создания фотогалереи, которое используется в предыдущем примере.

В нем используется полностью настраиваемая часть программного обеспечения Drupal, но в сущности то же самое, что и в необработанном программном обеспечении PHP для создания фотогалереи, которое используется в предыдущем примере

Страница, которую вы видите в результатах, как пример BMW M1 выше, является страницей с одним фото; сама галерея Вот , Для удобства использования лучше всего ссылаться на версию галереи с каруселью или лайтбоксом на каждой странице с одной фотографией.

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

Бонусные советы и инструменты

Лайтбокс 2

Для моей собственной программы для создания фотогалереи я использую Лайтбокс 2 сделать симпатичные галереи лайтбоксов.

SLIR

Я также использую то, что называется SLIR , что означает Smart Lencioni Image Resizer, созданный Джо Ленсиони , Это совершенно блестящее программное обеспечение на лету сделает ваши эскизы для вас, и кеширует их тоже.

Используя его, я могу получить админскую часть моей фотогалереи, состоящую только из просмотра файла изображения и надписи. SLIR делает миниатюры, выполняет сжатие и даже делает мой стандартный размер для больших версий каждой фотографии. Таким образом, я могу взять с моего iPhone изображение шириной 2500 пикселей, загрузить его и автоматически создать миниатюру размером 150 × 150, а также сжатую прямоугольную большую версию размером 1000 пикселей для меня, созданную SLIR.

Создать фото карту

Если в изображения встроены GPS-координаты (например, если они сняты на iPhone или, возможно, на DSLR с GPS), вы можете использовать небольшую умную PHP-функцию под названием exif_read_data () чтобы высосать широту / длину информации из каждой фотографии, а затем используйте эту функцию, чтобы создать карту Google для всех фотографий в галерее, с меткой на карте для каждой фотографии.

Например, см. Пример BMW M1, где на странице с одной фотографией я показываю карту плюс всю информацию о экспозиции, которая также присутствует в EXIF информация ).

Пример BMW M1, где на странице с одной фотографией я показываю карту плюс всю информацию о экспозиции, которая также присутствует в   EXIF информация   )

Я рад поделиться всем / некоторыми из моих кодов фотогалереи со всеми, кто заинтересован.

Спасибо что подписались!