PublBox
В этом разделе материалы размещаются пользователями сайта и публикуются после одобрения модератором. Редакция не несет ответственности за орфографические и другие ошибки, хотя и старается исправлять их по мере возможности.
Добавить свою заметку вы можете на этой странице.
18 декабря 2015, 14:33
1999
0

Оптимизация картинок с помощью тегов alt и title

В статье «Оптимизация картинок с помощью тегов alt и title» мы рассмотрим ключевые понятия данной тематики, определим основные понятия «alt» и «title» и разграничим данные теги.

В статье «Оптимизация картинок с помощью тегов alt и title» мы рассмотрим ключевые понятия данной тематики, определим основные понятия «alt» и «title», и разграничим данные теги. А также определим, как влияют на оптимизацию и продвижение теги «alt» и «title». Определим суть данной оптимизации и повышения поискового трафика.

 
Атрибуты«alt»и«title»- неотъемлемые элементы html, которые предназначены для грамотной оптимизации страницы. Один из способов продвижения в поисковых системах.

<img src=”” alt=”текст ”>
«alt» - устанавливает альтернативный текст. Такой текст выводится, когда в браузере отключен показ изображений, а также поисковый бот при входе на сайт видит сначала текст, а после картинку.
 
<img src=”” title=”текст ”>
«title» - дополнительная информация для посетителя, который просматривает изображение. Текст выводится при наведение мышки на изображение.

Оптимизация картинок

Для оптимизации достаточно прописать к ней данный тег:
 

Оптимизация картинок, теги alt и title


<img src="ссылка на изображение" width="ширина изображения" heigt="высота изображения" border="обводка изображения" title="текст заголовка картинки" alt="альтернативный текст" >
 
Сразу скажу, что данные теги должны быть разными, так как они несут разный смысл. Title – это описание картинки, хорошим примеров выступит мeta тег (description). Текст размером 10-15 слов, который предназначенный для посетителя.

cossa-icons-6.png

Онлайн-курс «Профессия – PR-менеджер»

Выстраивание отношений со СМИ, кризисные коммуникации, работа с текстовым контентом – от ведущих российских PR-экспертов.
8 учебных модулей, индивидуальная проверка заданий, сертификат.
Узнать больше »>

Реклама

Title – «Скачать шаблон для системы uCoz, игровой тематики, исполненный в темных тонах.»

Alt – это ключевые слова картинки для поиска, пример: мeta тег (keywords). Текст которого состоит с 3-5 слов, ключевых запросов для данного материала.

Alt – «Шаблон для uCoz, игровой шаблон»
 

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

 

Оптимизация картинок uCoz

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


/_bl/0/21105124.jpg - код переменной, предназначенный для вывода изображения, которое мы заполняем во время добавления материала на сайт.
Хороший пример будет изображение с моего сайта, где у меня заполнено в
img src="/_bl/0/21105124.jpg" width="400" heigt="300" border="2" title="Скачать $ENTRY_TITLE$" alt="$SOURCE_URL$"
где
$SOURCE_URL$- это ключевые теги для страницы, предназначены для вывода в
<meta name="keywords" content="<?if($SOURCE_URL$)?>$SOURCE_URL$ <?else?>шаблоны ucoz, скрипты для ucoz,ucoz<?endif?>" >
 
Так же можно использовать текст для описаний в тайтле, множество идей есть не бойтесь экспериментировать.

Комментарии:

Ответить?
Реклама

Самые интересные статьи, обзоры и размышления —
в рассылке!

Email *


Подпишись!


Вход на cossa.ru

Уже есть аккаунт?
Выбирай любой вариант входа:
Facebook Twitter Vkontakte

Используйте свой аккаунт в социальной сети Facebook или Twitter, чтобы пользоваться сайтом

Не забудьте написать email на странице своего профиля для управления рассылкой