Теги заголовка и теги alt: почему они имеют значение?

1. Теги заголовка
2. Что нужно учитывать
3. Что делать
4. Все, что вам нужно знать о метатегах:
5. Alt теги
6. Что нужно учитывать
7. Что делать

Примечание редактора: этот пост был первоначально опубликован в июле 2013 года и был полностью переработан и обновлен для обеспечения точности и полноты.

Если у вас есть веб-сайт для собственного бренда хранения, есть определенные фразы для поисковой оптимизации (SEO), которые становятся частью вашего повседневного словарного запаса. Если вы собираетесь потратить время, силы и деньги на создание и управление веб-сайтом, вы должны предпринять определенные шаги: 1) улучшить пользовательский опыт и 2) улучшить видимость веб-сайта на страницах результатов поисковой системы (SERP) ), чтобы сделать его высокопроизводительным маркетинговым инструментом - и, немного изучив HTML и SEO, вы перейдете на быстрый путь! Игнорирование веб-советов может отправить присутствие вашего бренда в интернете в пропасть (иначе говоря, на второй странице результатов поиска) - и, в конечном счете, отправить ваших потенциальных арендаторов в одно из других хранилищ в городе.

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

Теги заголовка

Кто они такие?

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

Цель. Существует два основных назначения тегов заголовков, и они оба соответствуют целям веб-сайта: 1) улучшить восприятие пользователя и 2) улучшить видимость вашего сайта на страницах результатов поисковой системы. Если вы правильно используете теги заголовков, вы можете привлечь пользователей на свой веб-сайт хранилища, даже если вы еще не достигли желаемого поискового рейтинга.

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

Размещение. Мы рассмотрим два основных местоположения тегов заголовков, используя нашу страницу блога storEDGE в качестве примера. Скажем, вам нужно было выполнить поиск в Google по запросу «блог с собственным хранилищем». Вы попадете на страницу результатов с множеством блогов, связанных с собственным хранилищем. Среди этих результатов вы найдете ссылку на страницу нашего блога, и она будет выглядеть так:

Разбивка:

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

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

Что нужно учитывать

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

Допустим, вы искали в Интернете ресурсы о том, как завязать обувь. Вы видите что-то подобное при поиске «как завязать обувь»:

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

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

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

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

К сожалению, третий пример довольно точно описывает неправильный способ использования тегов заголовка. Плохие веб-писатели слышат слова «повысить SEO» или «улучшить рейтинг» и забывают о пользователе. Но автор второй ссылки будет зарабатывать клики пользователя, потому что текст является убедительным и актуальным для читателя. Даже если ваш веб-сайт хранения не занимает первое место на странице (пока), это ваша возможность привлечь клиента на ваш сайт, а не сайт из хранилища вниз по улице. Не упусти свой шанс!

Что делать

• DO : Сделайте ваши заголовки тегами и описательными, и краткими. Если бы вы могли сказать только одну вещь о странице, что бы это было?
• DO : Думайте о пользователе, когда пишете тег заголовка. Напишите интересный и полезный контент, который вы бы хотели прочитать, если бы искали устройство для самостоятельного хранения.
• DO : Если веб-страница, для которой вы пишете, предназначена для пользователей в определенном городе, включите информацию о местоположении в тег. Страница вашего хранилища в Нью-Йорке должна иметь расположение в заголовке.
• DO : подумайте о размещении ключевых слов в теге заголовка. Чем ближе ключевое слово к началу тега заголовка, тем больше вероятность того, что пользователь посетит ссылку.

Чего следует избегать

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

Мета-теги

Кто они такие?

В приведенном выше примере вы, возможно, заметили небольшой набор текста непосредственно под URL. Это называется метатегом или описанием веб-страницы. Мета-тег веб-страницы идет рука об руку с тегом заголовка. Это ваша возможность предоставить больше информации пользователю (потому что, давайте посмотрим правде в глаза, 70 символов не дают вам много места, чтобы обобщить все о вашем хранилище).

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

Все, что вам нужно знать о метатегах:

• Хорошая длина для стрельбы составляет от 50 до 300 символов. Ограничение для Google было недавно увеличено с 155 до 300 символов в конец 2017 , но где-нибудь посередине просто отлично.
• Важно включить соответствующие ключевые слова. Если на вашей странице объекта нет метатега с соответствующими ключевыми словами и местоположениями, поисковые системы могут найти другой текст на странице, который включает эти ключевые слова. Этот текст может иногда быть словами, которые менее важны для пользователя, например, контент из нижнего колонтитула.
• Напишите мини-сводку того, что пользователи могут ожидать на вашей странице. Так же, как тег заголовка, метатеги должны быть описательными, краткими и удобными для чтения.

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

Alt теги

Кто они такие?

Альт-тег - это краткое описание изображения длиной примерно 150 символов. Когда вы загружаете изображение на свою веб-страницу, вам предлагается ввести альтернативный тег. Но почему? Разве люди не могут просто «увидеть» ваше изображение? Зачем это нужно описание?

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

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

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

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

Что нужно учитывать

Итак, какие изображения у вас есть на вашем сайте? Penn State предоставляет отличный пример общего изображения, которое вы, возможно, даже не рассматривали:

Вы могли бы написать тег с надписью «Логотипы кредитных карт», но чем это поможет пользователям, которые наводят курсор на изображение, или слепым пользователям, которые слышат фразу, прочитанную им? Немного. Лучшим вариантом было бы «Принимаются карты Visa, MasterCard, American Express и Discover». Теперь ваш пользователь получает выгоду от визуального изображения, а также от краткого, полезного описания.

Например, предположим, что вы хотите использовать изображение камеры безопасности:

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

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

Что делать

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

Чего следует избегать

• Не пишите длинную строку текста. Снимите примерно 150 символов (например, тег заголовка, подумайте, что важнее всего об изображении, и используйте краткий язык для его описания).
• НЕ используйте альтернативный текст для бессмысленного или спам-текста. Представьте себе, что вы попадаете на страницу и слышите «чистое хранилище, лучшее хранилище, безопасное хранилище». Всегда учитывайте опыт пользователя.

Делать улучшения

Готовы улучшить SEO контент вашего сайта? Большой! Когда вы проверяете свой сайт, задайте себе следующие вопросы, чтобы оценить полезность ваших тегов заголовков, мета-тегов и alt-тегов:

• Какие улучшения я могу внести в свои теги заголовков?
• Являются ли мои теги заголовков описательными?
• Я бросил в ключевые слова только для повышения SEO?
• Если бы я смотрел список результатов, что бы я хотел нажать на этот заголовок?
• Получат ли пользователи точное понимание моей веб-страницы, просто прочитав заголовок?
• Мое местоположение включено в мой заголовок?
• Есть ли повторные заголовки между страницами на моем сайте?
• Какие улучшения я могу внести в свои alt-теги и теги заголовков изображений?
• Они полезны? Или они только там?
• Если бы кто-то прочитал их вслух, могу ли я найти их раздражающими, непрофессиональными или неуместными?
• Предоставляют ли они дополнительную информацию, не найденную в содержании страницы?

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

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

Спасибо за прочтение! Если вам понравилась эта статья, вам также может понравиться: Как написать описание звездного объекта на вашем хранилище , Гигиена сайта: воняет ли структура вашего сайта? и Как настроить локальные списки, такие как Google My Business, Yelp, Apple Maps, Bing Local и Facebook Local ,

Похожие

Комментарии