Оптимизация картинок и ссылок на сайте WordPress

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

В основном, для того, чтобы провести полноценную оптимизацию картинок, можно всего лишь использовать два атрибута. Это такие элементы, как title и alt. Их грамотное применение позволит максимально оптимизировать все изображения на вашем веб-сайте и многократно увеличить поток посетителей. Как это влияет на трафик? Все работает действительно очень просто. Те изображения, которые не были оптимизированы, просто размещаются на сайте и не несут практической пользы. А ведь это превосходный способ добавить больше ключей, повысить узнаваемость веб-сайта в интернете и помочь пользователю сориентироваться.  

Полезно: как работать с медиафайлами WordPress

О чем пойдет речь

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

Чем alt отличается от title

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

Первый атрибут – title. К слову, не нужно путать его с html-тегом title, так как он был создан для совершенно других целей. В нашем случае, этот атрибут работает как описание для элемента, в котором находится. Вообще, тайтл можно применять как для картинок, так и для оптимизации ссылок, но здесь речь пойдет только об изображениях. Сейчас мы расскажем, как он работает. Есть определенная картинка, для нее вы задали определенное значение title. Значение вы указали, чтобы пользователь могу получить дополнительную информацию на сайте. Посетитель наводит курсор на картинку и появляется скрытое описание (значение, которое было указано). Теперь вы поняли, как работает этот атрибут? Title раскрывает суть элемента.

Второй атрибут – alt. Он уже принадлежит конкретно к тегу img. Его первая задача, которая одновременно является основной – указать суть картинки, если она сама по какой-то причине не подгрузилась или в браузере отключена прорисовка изображений. Также он имеет одно очень важное свойство, использованием которого точно не стоит пренебрегать. Это свойство заключается в том, что поисковые роботы всегда проверяют его наличие на сайте. Пока что они совершенно не умеют считывать содержимое картинок. Поэтому, если вы даете значение для alt, то оно становится информацией об изображении, которую роботы добавляют в базу данных. Это влияет на поисковую оптимизацию и поэтому стоит использовать это свойство атрибута.

Теперь подведем небольшой итог. Тайтл предназначен для указания дополнительной информации, которая раскрывает суть изображения или ссылки (в зависимости от того, где используется). Alt – это атрибут, который характерен только для img и нужен, чтобы указать суть изображения. Значение используется как поисковыми системами, так и пользователями, если картинка не подгрузилась. Теперь можно переходить дальше.

Полезно: как получить настраиваемые атрибуты товара в WooCommerce

Насколько необходимо использовать атрибуты для картинок

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

Что вообще нужно писать в title и alt?

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

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

Разберем на примерах

Мы не будем слишком грузить вас всеми знаниями и поэтому покажем все на простых и понятных примерах. У нас есть определенное изображение на веб-сайте. Особо не будем смотреть на то, как должен выглядеть тег img, а обратим внимание на то, какие значения имеют title и alt. Так как мы приводим пример изображения, то его title должен содержать фразу, которая описывает суть картинки, например “пример того, как используются атрибуты при оптимизации картинок”. Если же вы описываете какие-то архитектурные здания, например, Лувр, то в title будет значение “изображение Лувра” или что-то в этом роде. Для alt в картинке лучше всего вписать название или подзаголовок статьи. Но обратите внимание на то, что текст должен быть максимально коротким и емким. То есть, вместо “Оптимизация картинок и ссылок на сайте WordPress” можно просто вписать “оптимизация картинок на сайте”. В противном случае, если изображение не загрузится, то в этом месте будет просто продублированная записка.

Самое главное – ни в коем случае не дублируйте главный заголовок в значения атрибутов. Это приведет к высокой заспамленности и поисковики урежут вам охваты сайта. Поэтому старайтесь хотя бы немного видоизменять текст.

Полезно: социальные кнопки на сайте WordPress

Перейдем к внутренним ссылкам

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

Как оптимизировать внутренние ссылки с помощью title

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

Что необходимо писать в title при оптимизации внутренних ссылок

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

Есть два пункта, которые вы обязательно должны учитывать при заполнении этого атрибута. Первый пункт – это самое важное. Текст внутри элемента должен отличаться от анкора (анкор – это текст самой ссылки). Это очень важно, поэтому запомните это раз и навсегда. Второй пункт – это больше рекомендация, чем предостережение. В значении можно использовать ключевые слова. Они увеличат вес и значимость страницы, и поисковые системы будут активнее продвигать ее.

Полезно: файл wp-config.php – для чего нужен, где найти, как с ним работать

Пример того, как правильно использовать атрибуты при оптимизации ссылок

При работе нужно обратить внимание на то, что сам атрибут вносится в описание ссылки. Самое главное – анкор должен отличаться от текста тайтла. О чем речь? Сейчас все будет понятно. Например, у нас есть ссылка, которая называется “оптимизировать статью”, для тайтла такое же описание будет совершенно неправильным. Поэтому нужно немного изменить текст, чтобы получилось, что-то вроде “как правильно оптимизировать статью”. Тогда не будет переспама и это станет наиболее подходящим вариантом.

Небольшое напутствие

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

Полезно: правка php для новичков с помощью плагина Custom PHP Settings

Заключение

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