Ускорение WordPress — как оптимизировать изображения для Web. Как оптимизировать изображения wordpress
Как оптимизировать категории WordPress и страницы тегов для SEO
Категории (они же рубрики) и страницы тегов на WordPress – это загадочные страницы и сложно понять, как правильно их оптимизировать для нужд SEO. Многие не знают, какова роль страниц категорий и тегов для целей поисковой оптимизации.
Сегодня мы это исправим и рассмотрим, какие цели преследует оптимизация категорий WordPress и страниц тегов, какова роль этих страниц, какая разница между страницами рубрик и тегов WordPress, а также рассмотрим, как их правильно оптимизировать.
На самом деле эти страницы играют большую роль и с них можно выжать большую пользу, если делать это правильно. Но обо всем по порядку.
#1 Значение страниц категорий (рубрик) на WordPress
В самом простом варианте рубрики WordPress позволяют группировать различные посты, которые имеют что-то общее, вместе. Здесь важно понимать, что на WordPress есть страницы постов, а есть страницы категорий. Когда мы создаем новый пост, у нас есть возможность добавить его в определенную категорию. А при создании страниц у нас такой возможности нет.
Правильно оптимизированная WordPress тема будет показывать хлебные крошки в цепочке. Вот так
Правда, если вы заметили, на моем блоге max1net.com на данный момент хлебные крошки реализованы вот так
Дело в том, что ссылка на главную страницу сайта у меня дублируется на каждой странице в верхнем меню навигации, поэтому я считаю, что в хлебных крошках главную можно не указывать. Но на сайтах с разветвленной структурой, особенно коммерческих, структуру хлебных крошек стоит использовать как в первом примере.
Обычно на странице категории будет отображаться только тайтл, изображения и вводные тексты для постов, а также внизу страницы расположена пагинация, которая помогает пользователям перемещаться по страницам рубрик WordPress.
Типичная структура блога на WordPress следующая: Главная – Рубрика – Пост №1, №2, №3 и т.д.
Более подробно об организации структуры сайта можно почитать в этой статье.
#2 Оптимизация категорий WordPress
Если рассматривать страницы категорий WordPress с точки зрения SEO, то у них есть ряд определенных проблем. Например, одна из главных проблем – дублированный контент (в некоторых темах этот вопрос предусмотрительно решен путем добавления возможности прописывать произвольный текст в краткое описание постов).
Но подобное реализовано не во всех темах WordPress. Часто встречаются на страницах рубрик краткие описания постов, которые взяты из этих же постов. То есть, один и тот же текст содержится на страницах рубрик и в самих этих постах. Это, кстати, актуально и для коммерческих сайтов, где на страницах рубрик отображается список товаров, входящих в категорию, а на отдельных страницах с этими товарами уникального контента не содержится вовсе.
Страницы категорий WordPress трудно высокого ранжировать
Причина, по которой категории WordPress не занимают высокие места в поисковой выдаче все те же – это дублированный контент. И с наибольшей вероятностью поисковая система предпочтет страницу или пост, чем страницу категории.
Единственный случай, когда Яндекс или Google могут выбрать страницу категории для ранжирования – это когда на сайте есть много релевантных друг другу страниц и SEO структура сайта такая, что это поможет выбрать поисковику именно страницу категории.
Когда категории могут быть полезны для SEO?
Если посмотреть на практике, то на блогах и корпоративных сайтах рубрики рулят. С их помощью легко можно находить интересующую информацию. Но с точки зрения SEO у них не такая уж и высокая значимость.
Но вот если говорить про коммерческие сайты, сайты-сервисы или, например, туристические сайты, то для таких сайтов страницы категорий могут быть посадочными и выполнять важную роль в целях SEO.
Вот как это работает на практике.
Допустим, у нас есть туристический сайт, где мы продвигаем бронирование отелей по Испании. Не в одном городе, а по всей Испании. И у нас будут рубрики «Отели в Мадриде», «Отели в Барселоне» и т.д. И в каждой такой рубрике будут отдельные страницы (посты) с описаниями отелей. Например, «Gran Hotel La Florida в Барселоне» или «Hotel Vía Castellana в Мадриде».
Разумеется, создавать отдельный пост под ключевое слово «Отели в Мадриде» не будет иметь смысла. Отелей в столице Испании много, на одной странице их описания не поместятся. Поэтому в данном случае куда более практично по запросу «Отели в Мадриде» приводить посетителей именно на страницу категории с одноименным названием.
И опять же, на практике если кто сталкивался, то знает, что Google все равно пытается «зацепить» с сайта именно отдельные посты, а не страницы категорий WordPress, потому что считает, что там более ценный и уникальный контент.
Как решить эту проблему?
Благо, что данную проблему, когда поисковик предпочитает «кушать» внутренние страницы, а не страницы категорий, можно решить.
Прежде всего, стоит убедиться, что наши страницы категорий имеют уникальные Title и Descriptions.
Для эффективной работы дальше я рекомендую установить плагин Yoast SEO, если у вас он еще не установлен. Дальше у буду рассказывать, предполагая, что он у вас уже установлен. В плагине Yoast SEO можно делать настройки для рубрик. И тогда в нашем случае с отелями, для каждой рубрики нужно сделать уникальный Тайтл, Дескрипшн
Плагин Yoast SEO (бесплатная версия) дает возможность также указать ключевое слово keywords для рубрики. В бесплатной версии плагина есть возможность добавить только одно ключевое слово.
Здесь, думаю, понятно. Проблему отсутствия уникального контента на странице категории мы решаем с помощью добавления описания (Description). В зависимости от темы WordPress, которую вы используете, это описание либо будет, либо не будет отображаться на странице.
Если мы все правильно настроим, то для страницы категории у нас будет уникальный заголовок, обернутый тегом h2, полезный Description и ключевое слово.
Также не забудьте про страницы пагинации. У каждого это реализовано по-разному. У одних это кнопки «Предыдущий пост – Следующий пост», у других просто нумерация 1, 2, 3, 4, 5. Но суть одна. У всех последующих страниц из пагинации должен быть прописан rel canonical, указывающий на первую страницу рубрики.
Глубокое SEO для страниц категорий WordPress
Что интересно, та проблема, которую я описал выше, когда поисковая система выбирает отдельную страницу вместо страницы рубрики WordPress, может остаться даже после того, как мы выполним все те шаги, которые описаны выше. Поэтому нужно пойти дальше и выполнить еще более углубленные изменения.
Вот что нужно сделать:
Необходимо убедиться в том, что на сайте установлены и работают хлебные крошки. Ссылки в хлебных крошках должны быть кликабельны и размечены с помощью Schema.org. То есть, согласно нашему примеру выше у нас должна быть следующая разметка
Главная > Отели в Барселоне > Gran Hotel La Florida
И при этом ссылка «Отели в Барселоне» должна вести на рубрику «Отели в Барселоне».
Необходимо с внутренних страниц (постов) добавить ссылки на рубрику «Отели в Барселоне» с правильным анкором. Например, берем этот же пост про отель Gran Hotel La Florida в Барселоне, редактируем его, вставляем в нем ссылку на рубрику «Отели в Барселоне». Таким образом мы дадим понять поисковой системе, что страница категории очень важна, это также поможет пользователям больше внимания уделить именно странице категории WordPress
Необходимо проверить, чтобы Title страницы категории не включался в Title отдельных страниц (постов). То есть, не стоит делать тайтл типа «Отели в Барселоне – обзор отеля Gran Hotel La Florida». Нужно стремиться, чтобы в каждом отдельном посте с обзорами отдельных отелей не содержалась информация об их категории.
Подобный подход можно применять как для коммерческих сайтов, так и для блогов.
#3 Что такое страницы тегов?
При добавлении каждого поста в WordPress есть секция тег, которую нужно заполнить. Для каждого тега WordPress создает отдельную страницу тега (метку). Урл-адреса таких страниц выглядят вот так https://max1net.com/tag/seo/
Страницы тегов WordPress похожи на страницы категорий. И первое, и второе позволяет группировать посты вместе и часто страницы тегов имеют такой же шаблон, как и страницы рубрик.
Сами по себе теги не выводятся в теме WordPress, их вывод нужно специально настраивать. Страницы тегов имеют те же проблемы, что и страницы категорий. Я имею в виду отсутствие уникального контента.
Поэтому для страниц тегов WordPress можно проделать все те же трюки, которые я описал для страниц категорий выше, чтобы сделать такие страницы уникальными и интересными.
В большинстве случаев страницы тегов служат для облегчения навигации по страницам и не выполняют никаких других задач.
На страницах тегов могут быть те же самые Title, как и на странице рубрики и это не есть хорошо в плане SEO. Часто можно увидеть даже так, что страницы тегов показываются в результатах выдачи вместо главной страницы сайта.
#4 Оптимизация тегов WordPress
Пожалуй, лучшая SEO практика для страниц тегов – это закрыть их в noindex и nofollow. Поисковые системы не будут индексировать содержимое этих страниц, что сэкономит нам немало времени, а также сделает наш сайт более оптимизированным.
Добавляя noindex и nofollow к страницам тегов, нужно не забывать о том, что эти страницы нужно исключить из файла sitemap.xml.
Я нашел видео, где сотрудник Google рассказывает о том, почему не нужно усердствовать, создавая теги (в видео можно поставить перевод на русский язык). Если кратко, то смысл в том, что теги можно создавать, но для каждой страницы не нужно делать слишком много тегов.
Как закрыть страницы рубрик и тегов в noindex и nofollow
В зависимости от плагинов, которые вы используете, методы закрытия может отличаться. Например, в плагине для WordPress YoastSEO есть страница «Таксономии», где можно закрыть от индексации страницы тегов одним нажатием клавиши мыши
Заключение
Если вы уже сталкивались с движком WordPress, то знаете, что на всех блогах на этом движке есть страницы рубрик и тегов. Я сам долго игнорировал страницы рубрик, многие – аналогично, но на самом деле – зря, так как они оказывают большое влияние на поисковое продвижение сайта. Это нужно учитывать.
Если вы создаете сайт на WordPress с нуля, обязательно продумайте его структуру и навигацию. Если для вас рубрики – это лишь вспомогательные страницы, с помощью которых вы собираетесь облегчить серфинг по сайту, и вы не собираетесь продвигать эти страницы в поисковиках, тогда поставьте запрет на индексацию таких страниц и удалите их из sitemap.xml.
Но для многих тематик рубрики и теги – это возможность увеличить количество просмотров страниц, т.е. улучшить поведенческие факторы, так что с любой точки зрения эти страницы несут важное значение и, следовательно, должны быть тщательно оптимизированы.
Вконтакте
Google+
Понравилась запись? Подпишитесь на обновления по почте:
Читайте похожие статьи
max1net.com
Ускорение WordPress — как оптимизировать изображения для Web
Большинство начинающих пользователей не знают, как правильно сохранять изображения, которые могут иметь огромное влияние на скорость загрузки сайта. В этой статье мы вам покажем, как правильно сохранять изображения, оптимизированные для web.
Любой эксперт скажет вам, что иллюстрации к статьям помогают повысить информативность статьи и вовлеченность читателя. Однако, если загрузить неоптимизированные изображения, то это значительно замедлит скорость загрузки сайта. По данным Strangeloop, задержка в 1 секунду может стоить вам 7% от продаж, 11% меньше просмотров страниц и снижение удовлетворенности клиентов на 16%.
Как сохранять изображения правильно?
При сохранении изображений, необходимо учитывать две вещи: формат изображения и сжатие. Выбрав правильную комбинацию, вы уменьшите размер изображения в 5 раз.
В основном используются только два формата изображений — это JPEG и PNG. Тут не надо ничего придумывать и усложнять, просто запомните, что: формат JPEG используется для изображений с большим количеством цветов, а PNG для более простых изображений или когда вы работаете с прозрачными изображениями.
Для тех, кто не знаете разницу: формат PNG — это изображения без сжатия, что означает высокое качество, и соответственно большой размер. А JPEG представляет собой сжатый формат файла, который незначительно снижает качество изображения, чтобы добиться значительно меньшего размера файла.
На WPWow мы используем для изображений формат JPEG в основном.
Следующим важным моментом является сжатие, с помощью которой можно добиться огромной разницы в размере файла. Это делается специальными инструментоми сохранения изображений оптимизированных для Web.
На таблице ниже мы показали вам результаты инструментов сжатия, с помощью которых мы оптимизировали изображение Strangeloop сверху.
| Оптимизированный JPEG высокое (Photoshop) | 33 Кб |
| Оптимизированный с помощью TinyPNG | 57 Кб |
| Оптимизированный с помощью JPEG Mini | 70 Кб |
| Оптимизированный JPEG Наилучшее (Photoshop) | 93 Кб |
| Неоптимизированный JPEG | 119 Кб |
| Оптимизированный PNG (TinyPNG) | 135 Кб |
| Неоптимизированный PNG | 145 Кб |
Инструменты сжатия изображения для блоггеров
Теперь, когда вы увидели разницу и размеры каждого типа сжатия, мы покажем вам как правильно сохранять изображения оптимизированные для web и ускорить ваш WordPress сайт.
Adobe Photoshop
В Фотошоп встроена функция сохранения изображений оптимизированных для интернета. Просто откройте изображение и нажмите Файл » Сохранить для Web.
Откроется окно сохранения с дополнительными опциями. В правой части вы можете задать формат изображения. Для формата JPEG вы увидите несколько вариантов качества. Также обращайте внимание на размер файла в левом нижнем углу.
TinyPNG
TinyPNG — это бесплатный веб-ресурс, который использует для сжатия смарт технологию. Все, что вам нужно сделать это зайти на их сайт и загрузить изображение, и за пару секунд вы получите ссылку на скачивание готового сжатого варианта изображения.
Также для разработчиков имеется API, для автоматической конвертации изображений.
JPEG Mini
JPEG Mini использует рекомпрессивную технологию, которая значительно уменьшает размер изображения не влияя на качество. Вы можете использовать веб версию бесплатно или приобрести версию для компьютера. Они также имеют платную API для автоматизации процесса на вашем сервере.
ImageOptim
ImageOptim — это небольшая утилита для Mac, позволяющая сжимать изображения без потери качества, путем поиска лучших параметров сжатия и удаления ненужных цветовых профилей.
Альтернативой для Windows является Trimage
Как вы можете видеть, существует несколько инструментов, которые можно использовать для оптимизации изображений для Web. При использовании Photoshop мы добились лучших результатов в размере, но качество пострадало довольно таки значительно. Tiny PNG явный победитель для сжатия PNG файлов.
Некоторые рекомендуют использовать для сжатия изображений комбинацию Tiny PNG + Optim или JPG Mini + Optim, чтобы добиться еще более высоких результатов сжатия. Однако, на использование двух инструментов может потребоваться немного больше времени, чем обычно.
Выводы об оптимизации изображений
Если вы раньше никогда не оптимизировали изображения перед публикацией, то начните делать это сейчас. Это значительно может сказаться на скорости сайта, и в конечном итоге, пользователи и поисковые системы будут благодарны вам за это. Конечно, не стоит забывать и о качестве изображения, но незначительных изменений в качестве можно допустить, и большинство пользователей просто не заметят этого.
Надеемся, вы нашли эту статью полезной. И не забудьте рассказать про оптимизацию изображений вашим друзьям блоггерам, чтобы они ускорили скорость загрузки их сайтов и были благодарны вам. Для этого можете использовать кнопки социальных сетей.
Если у вас имеются вопросы, то задайте их в комментариях ниже. Также не забывайте следить за нами в Twitter и Google +.
wpwow.ru
что это и как прописать
Всем привет!
В статье об оптимизации изображений на блоге pro-wordpress.ru уже упоминалось о важности атрибутов Alt и Title. Даже если качество контента на вашем сайте высокое, а посещаемость растет с каждым днем, у вас все еще есть возможность сделать его лучше – более удобным для пользователей и более понятным для поисковых систем, а также получать дополнительный трафик на сайт.
В этой статье рассмотрим подробнее, как в WordPress прописать атрибуты Title и Alt для картинки, что это такое и какова от этого польза для продвижения сайта.
Содержание:
- Зачем нужны атрибуты тега <img> на сайте
- Как в WordPress прописать Alt и Title
- Какой текст использовать в описании картинки
Alt и Title: что это такое и для чего необходимы
Атрибуты тега <img> Alt и Title – это описание графического изображения, находящегося на странице сайта, с помощью текста, цель которого состоит в предоставлении посетителю и поисковому роботу более полной информации.
Alt для изображений на сайте нужен, прежде всего, поисковику, который с помощью этого атрибута (альтернативного текста) может «понять», что находится на картинке (разумеется, если описание составлено корректно), проиндексировать ее и добавить в свою коллекцию – базу медиафайлов. Если графика на сайте не закрыта от индексации в файле robots.txt, Alt дает возможность сайту получать трафик из поиска Яндекс и Гугл по картинкам или фотографиям. Для посетителя этот параметр становится видимым, если в настройках браузера функция показа графики отключена, что делается в некоторых случаях для ускорения веб-серфинга по текстовому содержимому сайтов.
Title изображения – это предназначенное для посетителя краткое описание картинки, выполняющее роль ее заголовка. Из описаний-тайтлов для каждого изображения на странице формируются всплывающие подсказки, появляющиеся при наведении курсора. У поисковиков отсутствуют требования к обязательному заполнению тайтла, но можно встретить советы специалистов по продвижению сайтов, рекомендующих прописывать Alt и Title для картинок.
Атрибуты Title и Alt изображений выглядят в коде страницы следующим образом:
<img src="http://pro-wordpress.ru/wp-content/uploads/2017/01/land_1.jpg" alt="Лендинг пейдж: пример посадочной страницы" title="Лендинг компании, занимающейся разработкой одностраничных сайтов" />
Как и где заполнять Alt и Title в WordPress
Функционал большинства распространенных CMS, используемых для создания сайтов, предоставляет не только возможность визуального редактирования контента, но и доступ непосредственно к коду страницы. Ориентируясь на представленный выше синтаксис тега <img>, прописать каждый из атрибутов легко вручную.
В WordPress задать атрибуты можно в процессе добавления на сайт изображения, заполнив предлагаемые системой поля «Заголовок» и «Атрибут Аlt».
Для уже загруженных картинок редактирование атрибута Alt доступно по щелчку кнопки мыши по изображению (иконка «Изменить» с изображением карандаша). В этом же окне («Параметры изображения») можно обнаружить и доступную для изменения строку Title, для этого необходимо развернуть пункт меню «Дополнительные настройки».
Как видим, ничего сложного в этом процессе нет. Понятно, что заполнение описаний при загрузке картинок может восприниматься начинающим вебмастером задачей рутинной и малоинтересной, но пренебрегать ей не следует.
Оптимизация изображений: что писать в Alt и Title
Насчет того, как правильно заполнять Title и Alt описание изображения, на вебмастерских форумах и блогах оптимизаторов до сих пор можно встретить немало противоречивых мнений и советов. И это не удивляет, так как меняются требования поисковых систем к контенту, появляются новые поисковые алгоритмы и фильтры, а оптимизаторам приходится подстраиваться под них, экспериментировать и разбираться в том, какие действия способны принести пользу сайта, а какие – навредить.
Одним из распространенных советов относительно атрибута Alt является предложение прописывать в него ключевые фразы, соответствующие контенту страницы, а то и просто – главный ключ из h2. Некоторые из вебмастеров в целях экономии времени отдают предпочтение плагинам, заполняющим описание всех находящихся на странице картинок автоматически – также ключом из заголовка h2.
Опасность подобного подхода в следующем. Когда изображений на странице много, а в атрибутах тега <img> у них прописан главный ключевой запрос для продвижения, это может привести к переоптимизации страницы. То, что не видят на странице живые посетители, «видят» поисковые роботы. Каждая строка кода подвергается их тщательному анализу и классификации.
Хотя Яндекс и утверждает, что тексты из тега описания картинок не попадают в основной индекс, это еще не значит, что они не учитываются при ранжировании страниц. Обнаружение алгоритмами поисковика признаков переоптимизации способно привести к наложению на страницу фильтра и, как следствие, к ухудшению позиций в результатах поиска. Пример одного из таких фильтров: знакомый многим вебмастерам и сеошникам Баден-Баден от Яндекса.
Оптимальным и менее рискованным подходом к работе с атрибутами изображений в процессе оптимизации сайта представляется использование в текстовых атрибутах изображений Alt и Title разных, уникальных для каждого изображения, низкочастотных ключевых запросов, соответствующих содержимому картинки. Пустые, не относящиеся к изображению
Объем текста для Alt должен составлять 3-10 слов, для Title допустимо более развернутое описание, но увлекаться здесь тоже не нужно – всплывающая подсказка из нескольких строк не всегда бывает уместна и может лишь испортить впечатление.
В рекомендациях для вебмастеров Яндекса атрибуту Alt посвящен раздел «Использование графики». Советы основной поисковой системы рунета таковы:
- всегда заполнять атрибут Alt описания картинки;
- текст, представленный на картинке, необходимо дублировать в ее описании – особенно важно это при использовании в навигации сайта графических элементов меню;
- использовать в именах файлов изображений осмысленные названия, например, atribut-alt-dlya-kartinki.jpg вместо alt001.jpg;
- для улучшения позиций в поиске по картинкам располагать изображение в непосредственной близости от текста, который оно иллюстрирует.
Заключение
Подведем итоги сказанному выше.
Заполнение атрибута Alt на сайте:
- при индексации страниц учитывается поисковиками;
- способствует повышению общей релевантности страницы запросам;
- дает сайту возможность участвовать в поиске по картинкам;
- помогает пользователю с отключенной в браузере графикой получить представление о содержании картинки.
Атрибут Title для картинки:
- не оказывает непосредственного влияния на ранжирование страниц в поисковой выдаче;
- служит для улучшения юзабилити сайта, позволяя посетителю видеть описание в виде подсказки над картинкой.
- не является обязательным (заполняется по необходимости или желанию вебмастера).
Выводы о важности использования атрибутов текстового описания картинок на своем ресурсе из перечисленных моментов вы можете сделать самостоятельно.
В комментариях под статьей предлагаю вам поделиться собственным опытом и ответить на вопрос, используете ли вы Alt и Title для seo-продвижения сайта?
pro-wordpress.ru
