Фото уникальный правильно заполненный title

Правильные атрибуты alt и title

Атрибуты alt и title в роли помощников по оптимизации

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

Именно так будут называться пустые поля параметров, которые увидит контент-менеджер при загрузке изображения на веб-страничку.

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

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

Если честно, атрибут title является далеко не обязательным элементом SEO-оптимизации. Основная цель его использования – давать подсказки пользователям насчет содержимого просматриваемого изображения. При наведении курсора на картинку выводится содержимое атрибута title в белом прямоугольнике.

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

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

  1. Не содержал информацию, по смыслу не соответствующую картинке. Иначе это будет вызывать отталкивающий эффект.
  2. Был не слишком длинным. Ограничений как таковых нет, но всплывающая подсказка в две–три строки явно будет портить впечатление.
  3. По возможности содержал одно из основных ключевых слов. Да, поисковики не зачтут этот дополнительный «прогиб». Но зато посетитель лишний раз убедится в релевантности просматриваемого материала его изначальному запросу в поисковой системе.
  4. Не дублировать заголовки на странице (основной title, H1, H2 и т. д.) и содержимое атрибута alt. 100%-й уникальности тут, конечно же, добиться невозможно. Но добавить разбавляющие слова вроде «фото» или «картинка» по силам каждому.

Важность и нюансы заполнения атрибута alt изображений

В отличие от атрибута title, по своей сути ориентированного на посетителей, заполненный атрибут alt у картинок более существенен для поискового продвижения.

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

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

Что касается посетителей сайтов, то они могут увидеть содержимое атрибута alt лишь в нескольких случаях:

    При отключении в браузере отображения графического контента (что по сути случается довольно редко).

В этом случае вместо опубликованных картинок пользователь будет наблюдать стандартную иконку изображения и прописанный в атрибуте alt текст. Отсюда и его название «alt» – сокращенное от «alternative».

Т. е. речь идет об альтернативном варианте (когда стандартный режим отображения не устраивает или по какой-то причине недоступен пользователю), позволяющему все же в общем понять, что было изображено на скрытом в данный момент фото.



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

Для того чтобы безопасно продвинуться в данном виде поиска нужно при заполнении атрибута alt изображений придерживаться следующих рекомендаций:

  1. Как и название самого графического файла, атрибут alt для картинок должен по смыслу соответствовать их содержимому и быть релевантным обтекающему тексту.
  2. Длина текста не должна быть меньше 3–4 слов и длиннее 250 символов.
  3. Использовать ключевые слова можно, но не стоит перечислять в нем сразу несколько из них, так как поисковики посчитают это спамом и могут исключить из выдачи не только само изображение, но и всю страницу, на которой оно размещено.

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

Также можно взять ту же фразу, что и в атрибуте title (если она не очень длинная) и заменить употребленные там слова-разбавители (например, вместо «картинка» использовать «фото»).

  • Не употреблять слова вроде «купить», «оформить», «цена», если они напрямую не относятся к изображению (если это не прайс-лист, например).
  • Коротко подведем итоги

    Атрибут title:

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

    Заполненный атрибут alt изображений:

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

    Все вышеперечисленные моменты однозначно являются положительными. И поэтому выводы по поводу необходимости заполнения атрибутов alt и title Вы вполне сможете сделать сами.

    Благодарим за внимание. Ждем Ваших вопросов под этой статьей.

    Как правильно прописать атрибуты Alt и Title для картинок

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

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

    Рекомендуем: Click.ru – сервис контекстной рекламы для профессионалов

    Что такое атрибуты Alt и Title в теге img и зачем нужны в SEO

    Оптимизация иллюстраций подразумевает три этапа:

    • создание уникальной иллюстрации;
    • сжатие для быстрой загрузки;
    • заполнение текстовых атрибутов.

    Сегодня мы остановимся именно на последнем этапе. Готовы увеличить посещаемость своего сайта за счёт правильного использования Alt и Title? Тогда читайте дальше!

    Итак, Alt представляет собой альтернативный текст, благодаря которому поисковики распознают картинку. Эти данные помогают ботам безошибочно индексировать вашу иллюстрацию. Альт считается неотъемлемой частью картинок, отсутствие при валидации равносильно ошибке кода. По сравнению с Title Альт больше ориентирован на SEO. Описание фотографии улучшает релевантность страницы и позволяет привлечь дополнительную аудиторию из поисковой выдачи по картинкам.

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

    В коде Alt виден так:

    Теперь поговорим о Title. С английского языка слово переводится как «заголовок», в этом и заключается его основная функция. Если атрибут заполнен, то при наведении на картинку, появится надпись (название изображения).

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

    Как и в случае с Alt, Тайтл можно указать в настройках изображения или прописать в HTML-коде:

    Вот как это выглядит в административной части сайта на «Вордпресс»:

    Как использовать Альт и Тайтл у изображений

    Сначала рассмотрим вопрос: должен ли Тайтл быть с Alt одинаковым? По поводу этого на различных форумах существуют спорные точки зрения. Большинство сеошников выступает за отличие атрибутов, но саппорт Яндекса не так категоричен.

    Поиск по изображениям включает в себя оба варианта.

    Alt и Title могут быть идентичными. Гораздо важнее – предельно чёткое, точное описание изображения.

    Необходимо ли включать в атрибуты ключевики? Здесь также не существует единого мнения. Среди лидеров поисковой выдачи есть иллюстрации без ключевых слов в атрибутах. В инструкциях популярна рекомендация по добавлению главного ключа из H1. Но есть нюанс: если иллюстраций в посте десятки, и все они включают этот поисковый запрос, страница будет с переспамом. А значит, вас ждёт наложение санкций от Яндекса, Гугла и ухудшение позиций в серпе.

    Менее рискованным решением является использование в атрибутах Тайтл и Альт разных низкочастотников.

    • Альт проработайте обязательно, а Тайтл – по возможности;
    • атрибуты можно писать как с большой, так и с маленькой буквы;
    • когда сайт создан на русском языке, лучше заполнять Alt и Title кириллицей;
    • оптимизировать картинки можно и после того, как текст уже проиндексирован поисковиками.

    Как лучше прописать Alt

    Давайте определимся, каким должен быть атрибут Альт, который понравится и поисковым системам, и пользователям.

    Придерживайтесь этих правил:

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

    Рассмотрим на примере, как лучше оптимизировать Alt. Допустим мы продвигаем сайт по автопрокату. В карточке товара для основного фото нужно задать Alt и Title. Если в качестве Альт использовать «image_123» и «Фото для сайта 345», то это не принесёт никакой пользы. Такой Alt не даст нужных сведений о картинке, значит, она не отобразится в поиске. По словам техподдержки Яндекса, в выдачу попадают лишь картинки с чётким описанием, которые могут быть найдены по конкретным запросам. Лучше вписать в Alt «Toyota на прокат в СПБ», можно даже кратко рассказать об особенностях авто.

    Что написать в Тайтл

    Требования напоминают советы по настройке Альт:

    • по возможности добавьте ключевое слово;
    • заглавие обязано объяснять смысл фото;
    • идеальный размер – до 240 знаков.

    Снова вернёмся к примеру с автопрокатом. Нам следует указать следующий Title: «Серебристая Toyota Allex на прокат в СПБ: 5 пассажирских мест, расход топлива – 7,2 л на 100 км».

    Как прописать атрибуты Alt и Title для картинок

    Способ добавления атрибутов зависит от движка сайта.

    Если у вас самописный сайт (не на движке), то добавлять атрибут для картинок придётся в ручном режиме.

    Чтобы сделать это, откройте файловую систему сайта на хостинге или через специальную программу по FTP. Найдите код иллюстрации ( тег

    Это должно выглядеть так:

    Советуем сохранить себе образец, чтобы заполнение атрибутов происходило для вас быстро.

    Здесь всё проще. Если ваш сайт расположен на этом движке, перейдите в консоль (административную часть), а дальше в пункт «Медиафайлы». Затем зайдите в библиотеку и отыщите графику. После чего вам останется ввести данные.

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

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

    Хитрости написания title и description

    Метатеги title и description – основа продвижения сайта в поисковиках. Чтобы добиться хорошего эффекта в этом непростом деле, следует придерживаться нескольких правил, которые мы рассмотрим в данной статье.

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

    Тег title указывается в начале кода HTML-страницы, отображается в заголовке:

    А также показывается в результатах выдачи поисковиков:

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

    Рекомендации по составлению title:

    • Основная информация тега должна быть умещена в 40-70 символов с пробелами. Длинные заголовки поисковики обрезают.
    • Начинайте заголовок с важного ключевого запроса, используйте точное вхождение ключевика. Указывайте в начале самую высокочастотную фразу из подобранного вами семантического ядра. Если основной целью, которую должен достичь пользовать на сайте, является покупка, то тег стоит начинать со слова «Купить».
    • Указывайте город сайта, в котором вы работаете. Это важно не только для людей, но и для поисковых систем. При ранжировании поисковики будут учитывать указанный город, а пользователи будут понимать, подходит ли ваша компания по территориальному расположению. А вот если вы работаете в нескольких городах или делаете доставки по всей России, перечислением городов лучше не заниматься.
    • Не перенасыщайте title ключевыми словами, достаточно всего 1-3 запросов, под которые оптимизирована страница. Для примера, тайтл «Выкуп авто, автовыкуп быстро, срочный выкуп автомобиль» переспамлен и непривлекателен для потенциальных клиентов. Добавьте преимущество, которое отличает вас и заинтересует потенциального клиента; укажите город нахождения. Всегда при оптимизации ориентируйтесь на людей, а не на роботов. Например, Тitle «Срочный выкуп авто в Москве в течение 24 часов» более эффективен.
    • Заголовок в рамках сайта должен быть уникален, составлен под каждую страницу и отражать ее содержимое.
    • Не стоит злоупотреблять стоп-словами: союзами, предлогами, междометиями и частицами. Но для повышения читабельности заголовка лучше все же их включить в текст тега.
    • Не используйте спецсимволы (“”= ()/ | + _ ) и знаки препинания (– . ! ?).
    • Не включайте в заголовок название компании, так как оно не является значимым ключевым словом. Но если у вас известный бренд, то можно его указать. Также не стоит прописывать URL сайта и такие «бесполезные слова», как «Главная страница», «О компании».
    • Составляйте тег title для людей по всем правилам русского языка, заголовок должен быть цепляющим и привлекательным.

    Тег description

    Поисковые системы формируют сниппет из содержимого тега description и/или из контента на странице, в зависимости от поискового запроса.

    Рекомендации по составлению description:

    • Длина тега не должна превышать 150-250 символов с пробелами.
    • Тег должен описывать содержание определенной страницы ресурса.
    • Указывайте наиболее важную информацию, размещая ключевые слова в начале тега. Важно, чтобы запрос был в начальной словоформе, то есть необходимо использовать запрос «купить кондиционер», а не «купите кондиционер».
    • Description не должен повторять title. Описание должно служить продолжением названия, раскрывать его детальнее.
    • Должен быть написан для людей.
    • Для каждой страницы дексрипшн должен быть уникальным.
    • Не должен быть переспамлен ключевыми запросами.
    • Указывайте выгоды вашей компании или ресурса, чтобы зацепить внимание пользователей, выделиться среди конкурентов.
    • Добавляйте призывы к действию, они мотивируют людей к совершению покупки, заказа услуг и пр. Также в тегах привлекательны эмодзи.
    • Избегайте банальных фраз «низкие цены», «высокое качество» и т.п. Отличайтесь от конкурентов своей уникальностью, это касается не только мета тегов тайтл и дескрипшен, но и текстов на сайте.
    • Не используйте спецсимволы и стоп-слова.
    • Не указывайте URL-сайта.
    • Если вы не указали название компании в title, то можете добавить его в description. В описании количество допустимых символов больше, и название можно использовать, чтобы напомнить о вашем бренде и улучшить его узнаваемость.

    Title и description для интернет-магазинов

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

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

    Составить тег Title для карточек товаров в интернет-магазине можно по следующим шаблонам:

    1. «Название товара» недорого в интернет-магазине «Название».
    2. «Название товара» купить недорого в «Название города».
    3. Купить «название товара» в «Название города» с доставкой.

    В качестве шаблона Description для интернет-магазина можно использовать:

    • «Название товара» от «цена из карточки товара» с бесплатной доставкой.

    Далее для автоматической генерации тега можно использовать информацию из карточки товара (технические характеристики, описания и пр.).

    • В конце тега используйте призыв к действию, например, «Заказывайте в магазине «Название магазина»».

    Как видите, теги title и description нужны не только для поисковиков. При правильном составлении тегов вы сделаете ссылки на ваш сайт в поисковой выдаче более кликабельными, что положит начало успешному продвижению сайта.

    Если не уверены, что на вашем сайте все в порядке с тегами – оставьте заявку, посмотрим и проконсультируем бесплатно, а также не забудьте изучить статью «Заголовки h1-h6: как правильно прописать».

    Атрибуты Alt и Title для картинок. Ответы на популярные вопросы

    В сегодняшней статье я хочу рассмотреть, почему всё-таки стоит заполнять HTML-атрибут Alt у картинок, чем он отличается от атрибута Title. Материал рассчитан на новичков и начинающих веб-мастеров, которых интересует вопрос, зачем и почему нужно заполнять атрибут Alt. В конце статьи я подготовил ответы на популярные вопросы по этим атрибутам. Начнём с основ.

    Что такое атрибут Alt?

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

    В HTML-коде атрибут прописывается следующим образом:

    Рассмотрим на примере.

    Для примера я взял фото с сайта обоев для рабочего стола. Основной контент страницы – изображения.

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

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

    Появляется следующий вопрос: что же нужно добавлять в Alt, чтобы он был максимально полезным и для пользователя, и для поисковика?

    Как правильно заполнить атрибут Alt для картинок

    Что понять, как правильно заполнить атрибут Alt, рассмотрим следующий пример: у нас есть интернет-магазин зоотоваров, и мы хотим прописать Alt для карточки товара с «мячиком для собак».

    Есть несколько вариантов заполнения атрибута:

    Вариант 1. В качестве альтернативного текста используем «Фото №1», «Картинка 1» и т. д. Такой альтернативный текст не несёт никакой пользы, так как не даёт информации об изображении. Более того, как пишет Яндекс: «Картинки, у которых отсутствуют содержательные описания, не попадают в поиск, так как не могут быть найдены по запросам». Подробнее: «Индексирование картинок».

    Вариант 2. Пишем в Alt «Собака с мячиком во рту». В этом случае мы описываем саму картинку, но нужно обратить внимание, что запрос «Собака с мячиком во рту» – информационный. Для описания изображения интернет-магазина он не подойдёт.

    Вариант 3. Alt «Мячик для собак» – этот вариант нам больше подходит, но, так как мячиков в магазине может быть много, лучше уточнить запрос.

    Вариант 4. Alt «Мячик для собак Humunga Chomp» – этот вариант оптимален для нас. Атрибут содержит название товара и его производителя. Если такого товара много, можно расширить Alt, используя цвет, название модели.

    Вариант 5. Alt «Мячик для собак Humunga Chomp, игрушка Humunga Chomp, купить, недорого, Москва» – такой вариант может быть воспринят поисковой системой как спам и нужного результата не принесёт.

    Из этих примеров следует, что атрибут Alt:

    • должен быть содержательным и описывать картинку;
    • состоять из 3–5 слов, но не больше 250 символов (сложно описать картинку двумя словами);
    • по возможности содержать ключевой запрос;
    • не должен быть спамным.

    Зачем нужен атрибут Title?

    Title у картинок даёт дополнительную информацию об изображении. Он нужен для того, чтобы пользователю было проще понять, что изображено на картинке. Атрибут выводится при наведении курсора на изображение.

    На картинке выше видно, как отображается атрибут на странице.

    В HTML-коде атрибут прописывается следующим образом:

    Если картинка будет ссылкой, Яндекс рекомендует указывать Title в ссылке:

    Рекомендуется заполнять Title. Он может положительно отразиться на поведенческих параметрах сайта. Когда пользователю сложно понять, что изображено на картинке, он машинально может навести на неё мышкой и подсказка Title поможет ему сориентироваться.

    Основные требования к Title похожи на требования к Alt:

    • должен быть содержательным и описывать изображение;
    • состоять из 3–5 слов, но не больше 250 символов;
    • не должен быть слишком большим, так как при наведении текст в 3–4 строчки может отпугнуть;
    • по возможности содержать ключевой запрос;
    • не должен быть спамным.

    Зная это, перейдём к вопросам.

    Ответы на популярные вопросы по Alt и Title

    Alt это описания к изображениям?

    Не совсем. Alt – это альтернативное описание, которое будет выводиться вместо картинки, если у пользователя не отображаются изображения.

    Обязательно ли заполнять атрибуты Alt и Title для картинок?

    Если Вас интересует трафик из поиска по картинкам, Alt обязательно нужно заполнять, Title – по желанию.

    Alt и Title должны быть разными или одинаковыми?

    Существует два основных мнения по этому поводу:

    1) Alt и Title должны быть уникальными;

    2) атрибуты должны быть одинаковыми.

    Если посмотреть, как заполняют эти атрибуты сайты, изображения которых находятся в ТОПе поиска по картинкам, увидим оба варианта заполнения.

    Яндекс по этому поводу пишет следующее:

    Я считаю, что эти атрибуты могут быть одинаковыми. Главное, чтобы они давали чёткое структурированное описание вашей картинке.

    Нужно ли прописывать возле атрибута Alt ещё и Title?

    Необязательно, но учтите: атрибут Title в некоторых случаях помогает лучше понять, что изображено на картинке. Это может положительно отразиться на поведенческих показателях сайта.

    В Alt картинки надо ставить те же ключевые слова, что и у статьи, или другие?

    Желательно. Главное, чтобы Alt был содержательным и описывал картинку.

    Нужно ли прописывать в этих атрибутах ключевые слова?

    Если эти ключевые слова будут описывать картинку, то да.

    Как правильно писать атрибут Alt: кириллицей или латиницей?

    Если ваш сайт на русском, заполняйте кириллицей.

    Как писать – с большой или маленькой буквы?

    Не имеет значения.

    А если статья уже проиндексирована поисковиками, можно внести описание в картинки или не стоит?

    Можно. Когда поисковики переиндексируют вашу страницу, они учтут эти описания.

    Где заполнять Alt и Title?

    Всё зависит от того, на какой CMS сделан ваш сайт.

    Если это чистый HTML, то:

    Обычно поля для заполнения Alt и Title находятся в параметрах изображения. Например, если ваш сайт сделан на WordPress, открыв параметры изображения, вы увидите поле для заполнения атрибута Alt. В дополнительных настройках есть поле для атрибута Title.

    Если же ваш сайт на 1С-Битрикс, в дополнительных настройках параметров изображения есть поле для атрибута Alt. Атрибут Title будет подтягиваться из поля «Заголовок».

    Нужно понимать, что всё индивидуально. Многое зависит от того, на какой CMS сделан ваш сайт и как настроен.

    Стоит ли и возможно ли прописывать Alt и Title для своих картинок в комментариях?

    Не вижу в этом необходимости, да и вряд ли у кого-то в комментариях есть возможность оптимизировать изображения.

    Когда к картинкам пишу тайтл и альт на русском, на сайте высвечиваются иероглифы, что делать?

    Такое происходит из-за кодировки. Нужно преобразовать текущую кодировку в UTF-8.

    Ещё раз пробежимся по тому, какими же должны быть Alt и Title.

    Основные требования к атрибуту Alt:

    • содержательный, описывает изображение;
    • длиной около 3–5 слов (до 250 символов);
    • по возможности должен включать ключевой запрос;
    • не должен быть спамным.

    Почему стоит заполнять Alt:

    1. учитывается поисковыми системами при ранжировании картинок, а значит, если ваша картинка попадёт в ТОП, – это источник дополнительного трафика;

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

    • содержательный и описывает изображение;
    • длиной около 3–5 слов или до 250 символов;
    • по возможности должен содержать ключевой запрос;
    • без спама.

    Почему стоит заполнять Title:

    1. будет полезен пользователю, которому сложно разобраться, что изображено на картинке;
    2. подсказки Title могут положительно отразиться на поведенческих показателях сайта.

    Атрибуты alt и title картинок — как правильно заполнять для SEO

    Прочитано 377 раз.

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

    Что такое alt и title картинки

    Традиционно в начале начнем с определения, чтобы было понятно, о чем идет речь.

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

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

    Правила заполнения title

    Атрибут не очень важен для поискового продвижения. Как уже было сказано, он применяется для того, чтобы дать пользователям пояснения и комментарии насчёт изображения. Содержимое выводится в маленьком сером прямоугольнике рядом с курсором, когда пользователь наводит его на изображение.

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

    Страницы, на которых присутствуют всплывающие пояснения к картинкам, субъективно воспринимаются посетителями лучше, чем страницы, не имеющие таких подсказок. Более того, часто возникают ситуации, когда трудно понять, что именно изображено на картинке, даже если она отлично подходит к тексту. Однако, чтобы не перестараться с заполнением title и не спугнуть потенциальных посетителей сайта, нужно знать несколько правил:

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

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

    Особенности атрибута alt

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

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

    Пользователям сайта обычно недоступно содержимое атрибута alt, но оно может попасться им на глаза в следующих случаях:

    • При проблемах с отображением изображений в браузере. Такие ситуации случаются редко, но забывать о них не стоит. Вместо картинки на странице будет висеть обычная иконка незагруженного изображения с текстом, записанным в параметр alt. Именно поэтому он так и называется: «alt» — сокращение слова «alternative». Благодаря информации заполненной в alt пользователь сможет хотя бы примерно понять, что изображено на картинке, которую он не может в данный момент увидеть;
    • В описании картинки, найденной через поиск изображений. Именно поэтому продвижение в «поиске по картинкам» требует правильного содержимого атрибута alt.

    Строгих ограничений тут нет, однако стоит помнить несколько закономерностей:

    • Параметр alt должен подходить по смыслу содержания изображения и тексту, к которому оно относится;
    • Длину текста стоит держать в рамках от 10 до 250 символов. Слишком короткие тексты малоэффективны для поискового продвижения, а слишком большие будут отпугивать посетителей;
    • В alt не стоит употреблять много ключевых слов. Ключевые слова — дело хорошее, но если их слишком много в одном месте, то поисковые роботы считают это спамом и могут наложить на сайт санкции вплоть до исключения его из выдачи по ключевым запросам;
    • Используйте один из главных ключей (можно приправить его парой второстепенных, но, опять же, важно знать меру!) и впишите его в текст как можно более естественно. Также можно взять текст из атрибута title и немного его изменить, чтобы не было дублирования: правила по употреблению ключевых слов в этих атрибутах одинаковы;

    Помните еще одно правило, нельзя употреблять слова, коммерческой направленности для всех видов сайтов. В тексте alt нет места словам вроде «стоимость», «оформить», «купить» и т.д., исключение если только само изображение не лишает Вас выбора (например, если это меню ресторана).

    Краткие выводы

    Атрибут title:

    • Необязателен для заполнения;
    • Влияет на поисковое продвижение, но только на уровне поведенческого фактора;
    • Служит для повышения удобства пользования страницей.

    Атрибут alt:

    • Напрямую влияет на продвижение сайта, так как учитывается поисковыми системами;
    • Даёт возможность найти сайт через поиск по изображениям;
    • Улучшает релевантность страницы ключевым запросам;
    • Даёт посетителю ознакомиться с дополнительным описанием изображения, если оно по каким-то причинам не отобразилось.

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

    Читать еще:  Как правильно прищипывать помидоры в теплице
    Ссылка на основную публикацию
    Adblock
    detector