Изображение Alt Text против названия изображения: Использование атрибутов Alt и Title в тегах изображения (2018)

  1. Изображение Alt Text против атрибутов заголовка изображения
  2. Тег изображения
  3. Как оптимизировать имя файла изображения
  4. Как оптимизировать альтернативный текст
  5. Как оптимизировать заголовок изображения
  6. TL; DR:

1 июня 2016 г.

Изображение Alt Text против атрибутов заголовка изображения

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

Если вы просто ищете быстрый ответ, пожалуйста!

Изображение Альтернативный текст описывает изображение в текстовом виде, чтобы поисковые системы и программы чтения с экрана (программное обеспечение, используемое для слабовидящих) могли понять, что это за изображение. Правильное использование альтернативного текста может помочь вашему SEO. Тег заголовка изображения просто используется для предоставления изображения заголовку, но это не важно для SEO.

Тег изображения

Вот как должен выглядеть полный, должным образом оптимизированный тег изображения для такого изображения:

<img src = ”red-outdoor-sweater.jpg” alt = ”Мужской красный открытый свитер с длинными рукавами” title = ”Красный открытый свитер” />

Теперь давайте разберем этот тег на 3 отдельные части.

  1. src = «red-outdoor-jpg» - это файл изображения (или источник), который отображается на странице.
  2. alt = «Наши красные уличные свитера уже в продаже!» - это текст alt text, который обозначает альтернативный текст . Его цель состоит в том, чтобы описать изображение в текстовом виде, чтобы поисковые системы и программы чтения с экрана (программное обеспечение, используемое для слабовидящих) могли понять, что это за изображение.
  3. title = «Red Outdoor Sweater» - это заголовок изображения, который, как следует из названия, является заголовком вашего изображения.

Подводя итог, ваш тег изображения (весь фрагмент кода HTML) должен всегда включать следующие два атрибута: текст изображения и заголовок изображения.

Как оптимизировать имя файла изображения

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

Как оптимизировать альтернативный текст

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

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

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

alt = «Наши красные уличные свитера уже в продаже! Эти красные уличные свитеры идеально подходят для зимы. Купите красный уличный свитер сегодня! »

Как вы можете видеть, это выглядит спамом и не дает никакой дополнительной пользы для пользователя.

Как оптимизировать заголовок изображения

Атрибут заголовка изображения не влияет на ранжирование ключевых слов, потому что поисковые системы не сканируют их, поэтому, если вам пришлось выбирать между оптимизацией альтернативного текста и заголовков, вы должны выбирать первый каждый раз. Тем не менее, заголовки изображений отображаются, когда указатель мыши наведен на изображение в некоторых браузерах (например, Firefox и Opera), так что это улучшает пользовательский опыт для правильного набора заголовков. Вам не нужно делать что-то сумасшедшее здесь; просто напишите быстрый и простой заголовок для изображения, который дополняет то, что вы написали для альтернативного текста, и назовите это днем.

TL; DR:

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

Похожие

SEO: как оптимизировать изображения для вашего сайта
... изображения на вашем сайте, названные кодами или датами: важно, чтобы название изображения говорило о самом изображении, так как название книги должно знать, в лучшем случае, синтезировать его содержание. Этот элемент фактически обнаруживается поисковыми системами, поэтому важно включать эти спецификации, не имея слишком длинного заголовка, разделяя слова между ними знаком «-». Спонтанно может возникнуть вопрос: как размер изображения может повлиять на индексацию страницы
Что такое тег заголовка - заголовок страницы - заголовок на сайте?
Тег заголовка является одним из наиболее важных факторов для достижения высоких рейтингов (позиций) в поисковых системах. Тег заголовка должен быть найден на каждой странице HTML. Это часть кода HTML. Термины, включенные в тег заголовка, отображаются в верхней части строки заголовка каждого браузера и также используются в качестве подсказки, если вы хотите добавить страницу HTML в избранное браузера. HTML-код для заголовка выглядит так: <head>
Как оптимизировать ваш имидж для SEO
... alt=""> Назовите изображения правильно Когда дело доходит до поисковой оптимизации, использование ключевых слов в имени изображения помогает оптимизации. Даже не глядя на изображение, вы должны сказать Google, чтобы знать, о чем изображение. Поэтому создайте описательное ключевое слово с богатым именем. Поисковая система не только сканирует ваш контент, но и ищет имена файлов изображений. Мы предлагаем вам использовать максимум 3-5 слов в названии вашего
Оптимизация тега заголовка: каков оптимальный заголовок веб-страницы?
... как ваш фрагмент может выглядеть в результатах поиска, а также отображаются ли заголовок и описание полностью; идеально, если вы хотите создать идеальные заголовки и мета-описания. Оптимизируйте заголовок с помощью оптимизатора SISTRIX Для всестороннего просмотра и оптимизации всех элементов заголовка вашего сайта вы можете использовать модуль Toolbox SISTRIX Оптимизаторы использовать.
SEO для изображений - 12 советов, чтобы сделать ваши изображения ранжироваться
... оптимизировать свои изображения для Google, чтобы получить больше трафика для вашего блога. Что изображено? Прежде всего, мы хотим отметить, что поиск изображений Google не следует недооценивать. Поскольку Google ввел обратный поиск изображений, теперь он сравнивает то, что изображено на изображении, с другими изображениями в Интернете. Например, если вы выполняете обратный поиск изображения, на котором изображен Macbook, вы получите множество других изображений с Macbooks на
Заголовок и тег SEO: оптимизируйте свои веб-страницы! (Полное руководство)
Тег заголовка или мета-заголовок является важным моментом в разработке эффективной стратегии SEO. На самом деле, это важная область оптимизации, которая позволит вам максимально увеличить ваши шансы на то, чтобы занять хорошие позиции в поисковых системах, таких как, например, Google. Краткое описание: Тег заголовка - это тег заголовка HTML-кода, который позволяет вам присвоить заголовок веб-странице. Вы можете увидеть содержимое в верхней части веб-страницы, в
Оптимизировать Joomla для SEO
В совокупности лучших практик по оптимизации естественных ссылок на сайт, некоторые из них напрямую связаны с HTML-кодом и конфигурациями, специфичными для вашей CMS. После того, как установлен Joomla на вашем сервере я предлагаю здесь изучить 6 пунктов, касающихся SEO оптимизации для Joomla 3.3 и выше. Не стесняйтесь консультироваться с нашими другими
Оптимизация изображения 101: Как получить более высокий рейтинг в поиске изображений
... alternative-search-engines-in-2018/"> поисковые системы Откройте для себя ваш контент в контексте. Здесь ключевые слова вводят картинку (а также в атрибуты alt, которые мы рассмотрим ниже). Если вы загружаете фотографию фотографии природы, то соответствующее имя файла, например nature_photography.png, имеет больше шансов на хорошее ранжирование в поиске, чем DSC_1977.png. Если возможно быть еще более конкретным, например, Hong-Kong-botanical-gardens.png, то это даже лучше
Как писать твиты с 280 символами (гиперчувствительным способом)
... как вы можете присоединиться к ним легко и (очень) быстро. Вы хотите выйти за пределы 140 символов в первый раз? В последние часы появилось много альтернатив для этого, но здесь у вас есть самый простой из всех: без необходимости использовать сложные коды. Вы просто должны использовать от Tweetdeck (один из самых популярных инструментов программирования твитов
Как создавать ссылки и оптимизировать свой сайт для нескольких ключевых слов
... оптимизировать мой сайт и т. д.… придумайте список ключевых фраз, с которыми вы можете повеселиться позже, поскольку, если вы оптимизируете свой сайт для одной группы ключевых слов, ВСЕ ИЗ КЛЮЧЕВЫХ СЛОВ в якорном тексте получите толчок. Так что, хотя вы можете быть создание ссылок используя точное соответствие, вы все равно получаете выгоду от каждого отдельного слова в Google. 3. После того, как у вас
SEO в PrestaShop: как улучшить позиционирование
... изображения . Если мы используем чрезмерно большие изображения в нашем интернет-магазине, это увеличит время загрузки. Чтобы уменьшить его вес, мы можем использовать компрессоры изображений, такие как TinyPNG или Compressor.io . Эти два инструмента помогут нам сократить время загрузки без потери качества в фотографии . Улучшение контента нашего интернет-магазина - это еще один момент, на который стоит обратить внимание .

Комментарии

Имя файла играет роль?
Имя файла играет роль? Мы помним. Google впервые заходит на наш сайт с « обычным » Googlebot / 2.1 и передает эту информацию в Googlebot-Image / 1.0. С этого момента Google начнет классифицировать изображения на нашем сайте. Google может назначать изображения веб-сайта различным темам. Google может сделать это лучше всего, если изображение имеет осмысленное имя. Кроме того, имена файлов изображений помогают легче найти то, что вы ищете в Поиске изображений.
Что если бы я использовал те же заголовки и изображения «Wordtracker», но мой основной текст был о чем-то совершенно ином, как приготовление пищи?
Что если бы я использовал те же заголовки и изображения «Wordtracker», но мой основной текст был о чем-то совершенно ином, как приготовление пищи? Хотя большинство людей не смогут заметить несоответствие (или отсутствие согласия) на первый взгляд, Google занимает долю секунды, чтобы судить о каждой детали вашего контента. Если вы вставляете ключевое слово в важные поля, такие как заголовок, заголовок, alt и т. Д., Но не используете его в содержании своего тела, Google знает, что вы вводите ключевые
Используете ли вы свое основное ключевое слово в таких местах, как URL-адрес страницы, заголовок страницы, основной заголовок и первый абзац?
Используете ли вы свое основное ключевое слово в таких местах, как URL-адрес страницы, заголовок страницы, основной заголовок и первый абзац? Не вставляете ли вы это ключевое слово в каждое предложение, где оно может подходить? Если это так, вы используете ключевые слова таким образом, чтобы поисковые системы могли правильно проиндексировать вашу страницу. Предполагая, что гостевые блоггеры или писатели - пустая трата времени Представьте себе этот сценарий… агент знаменитого
Мы уже говорили о как создать сайт художника Но как заставить людей найти ваш сайт, как только он станет живым?
Используете ли вы свое основное ключевое слово в таких местах, как URL-адрес страницы, заголовок страницы, основной заголовок и первый абзац? Не вставляете ли вы это ключевое слово в каждое предложение, где оно может подходить? Если это так, вы используете ключевые слова таким образом, чтобы поисковые системы могли правильно проиндексировать вашу страницу. Предполагая, что гостевые блоггеры или писатели - пустая трата времени Представьте себе этот сценарий… агент знаменитого
Как раз когда я собирался сказать «Эй, Брайан, а как насчет Икс?
Как раз когда я собирался сказать «Эй, Брайан, а как насчет Икс?», Он почти интуитивно отвечал на вопрос прямо в материалах. Вдобавок ко всему, все было очень «фиктивным доказательством» и выложено в пошаговой манере, за которой было очень легко следить. Курс содержит множество видео, рабочих листов и других полезных ресурсов, которые помогают проиллюстрировать стратегии и предоставляют еще больше
Ваше приложение должно стать лидирующим источником дохода, как игра или организационный инструмент, такой как Evernote?
Ваше приложение должно стать лидирующим источником дохода, как игра или организационный инструмент, такой как Evernote? Или он поддерживает ваш сайт электронной коммерции или другой продукт или услугу, например, приложение розничной торговли Nike? Наиболее распространенные модели монетизации мобильных приложений: реклама Реклама - это хороший подход, если вы платите не за загрузку приложения. Однако вы должны быть осторожны, какой стиль рекламы вы выбираете для
Как вы думаете, это программное обеспечение используется только маркетологами, блоггерами или цифровыми маркетологами, такими как вы и я?
Как вы думаете, это программное обеспечение используется только маркетологами, блоггерами или цифровыми маркетологами, такими как вы и я? Позвольте мне сказать вам, что это не конец, и лишь немногие из ведущих брендов в отрасли, такие как Amazon, Microsoft, Apple, HP, IBM, Nestle, Intel, Forbes, Disney, Audi и другие, являются также подписчики этого удивительного инструмента.
Этот график поможет вам ответить на важные вопросы, такие как «как ключевые слова моих брендов работают ежемесячно?
Этот график поможет вам ответить на важные вопросы, такие как «как ключевые слова моих брендов работают ежемесячно?», «Какие ключевые слова привлекают трафик на страницы моих продуктов?» Или «как люди находят меня в поиске по мобильному телефону?» На странице SEO Теперь, когда у вас есть список ключевых слов, пришло время разместить их на страницах вашего продукта
Но знаете ли вы, как правильно оптимизировать контент, которым вы делитесь через Facebook, Twitter, Google+ и Linkedin?
Но знаете ли вы, как правильно оптимизировать контент, которым вы делитесь через Facebook, Twitter, Google+ и Linkedin? Что такое протокол Open Graph? Официальный веб-сайт протокола Open Graph говорит, что протокол позволяет любой веб-странице стать богатым объектом в социальном графе . Другими словами, это группа тегов, которые предоставляют ведущим социальным сетям, таким как Facebook, подробную информацию о веб-страницах, которыми вы делитесь. Эта информация позволяет
Да, это имеет смысл, я слышу, как вы говорите, но как мне найти хороший?
Да, это имеет смысл, я слышу, как вы говорите, но как мне найти хороший? Годы опыта SEO Благодаря тому, что Google уделяет большое внимание ранжированию страниц и прочности доменов, появилась новая индустрия и появилось множество экспертов по SEO. Но это не значит, что эти «эксперты по SEO» знают, что они делают. С сотнями факторов ранжирования алгоритмов Google растет с каждым днем, то, что работало много лет назад, может быть разрушительным в современном
Сколько раз мы видели, как веб-сайт процветал; только через несколько месяцев после того, как потенциальные рекламодатели дали им свои деньги?
Сколько раз мы видели, как веб-сайт процветал; только через несколько месяцев после того, как потенциальные рекламодатели дали им свои деньги? Проще говоря, установленные сайты более надежны, чем те, которые только запускаются. Особенно, если вы начинаете онлайн-бизнес, где собираетесь продавать продукты, важно, чтобы ваши потенциальные покупатели могли смотреть на возраст вашего домена и чувствовать себя комфортно - будучи уверенными, что вы действительно предоставите им их купленный

Что изображено?
Вы хотите выйти за пределы 140 символов в первый раз?
Имя файла играет роль?
Что если бы я использовал те же заголовки и изображения «Wordtracker», но мой основной текст был о чем-то совершенно ином, как приготовление пищи?
Что если бы я использовал те же заголовки и изображения «Wordtracker», но мой основной текст был о чем-то совершенно ином, как приготовление пищи?
Используете ли вы свое основное ключевое слово в таких местах, как URL-адрес страницы, заголовок страницы, основной заголовок и первый абзац?
Не вставляете ли вы это ключевое слово в каждое предложение, где оно может подходить?
Используете ли вы свое основное ключевое слово в таких местах, как URL-адрес страницы, заголовок страницы, основной заголовок и первый абзац?
Не вставляете ли вы это ключевое слово в каждое предложение, где оно может подходить?
Как раз когда я собирался сказать «Эй, Брайан, а как насчет Икс?