Идеальный SEO макет для веб-страницы

1. SEO и порядок важности
2. Идеальный SEO заголовок
3. Описание тега
4. SEO макет для деталей продукта
5. Логотип компании
6. Теги заголовков
7. Содержание король
8. Именование изображений для SEO
9. Как оптимизировать вашу навигацию
10. Использование хлебных крошек для SEO
11. Выводы и файлы

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

Примечание: вы можете скачать идеальный SEO макет PDF и XHTML в конце этой статьи

В этой статье мы предполагаем, что вы немного знакомы с XHTML / CSS и с тем, как исследовать ключевые слова для таргетинга. Для этого примера мы будем использовать фиктивную компанию под названием «Дом мыла», которая продает различные виды мыла. Мы сосредоточимся исключительно на одной конкретной странице продукта.

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

• Основное ключевое слово: розовое мыло
• вторичное ключевое слово: розовое банное мыло
• третичное ключевое слово: органическое розовое банное мыло

SEO и порядок важности

Перед тем, как мы углубимся в обсуждение XHTML и макета, важно отметить три наиболее важных вещи при работе с SEO на месте:

• Название страницы / URL
• заголовок страницы
• тег h1

Заголовок страницы и тег h1 будут рассмотрены в разбивке по страницам, поэтому на этом этапе мы обсудим структуру URL и имя страницы. В нашем случае страница продукта находится здесь «http://www.house-of-soap.co.uk/bath-soaps/pink-soap/». Обратите внимание, что имя страницы «розовое мыло» совпадает с именем нашего основного ключевого слова, но также обратите внимание, что, поскольку этот продукт находится в разделе «мыло для ванной», страница отображается под этой иерархией. Это выгодно в основном для организации сайта и удобства использования, например, пользователь может перейти вверх, чтобы увидеть все продукты для мыльного ванны, посетив «http://www.house-of-soap.co.uk/bath-soaps/».

Идеальный SEO заголовок

Заголовок тег

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

Описание тега

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

SEO макет для деталей продукта

Теперь мы подошли к мясу страницы с актуальным содержанием. На этом этапе важно отметить, что навигация и хлебные крошки отображаются под содержимым страницы в XHTML, но визуально они отображаются над содержимым. Это достигается с помощью CSS и абсолютного позиционирования и позволяет нам размещать тег h1 и контент выше на странице и, следовательно, будет справедливо выглядеть как более актуальный.

Логотип компании

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

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

Сначала у нас есть тег h1. Это основной заголовок страницы, который имеет огромное значение с точки зрения актуальности для поисковых систем. В нашем случае мы используем его для нацеливания на наше основное ключевое слово «розовое мыло». H2 ориентирован на наше вторичное ключевое слово, а h3 используется в качестве текста заголовка для нашего изображения, но также содержит часть нашего ключевого ключевого слова. Важно сохранить для пользователя приоритет номер один, а не жертвовать какими-либо аспектами юзабилити в интересах SEO.

Содержание король

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

Именование изображений для SEO

Наше изображение названо в честь нашего основного ключевого слова «pink-soap.jpg» вместе с тегом alt. Это полезно тем, кто использует программы чтения с экрана и другие вспомогательные средства для удобства использования, чтобы помочь описать, что это за изображение.

Как оптимизировать вашу навигацию

Навигационные ссылки являются одними из самых важных на сайте, поскольку они расположены на каждой странице. Они также являются механизмом, который позволяет ссылочному соку проходить через сайт, поэтому важно использовать целевые ключевые слова в качестве навигационных ссылок, но не за счет понимания. Для House of Soap мы исследовали самые высокие поисковые термины, которые мы пытаемся получить, и основали их на нашем сайте.

Использование хлебных крошек для SEO

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

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

Выводы и файлы

В конечном итоге цель любой веб-страницы состоит из двух частей:

1. для привлечения трафика на него
2. превратить эти визиты в действия или конверсии.

SEO на месте может помочь привлечь больше трафика на ваш сайт, однако это лишь малая часть уравнения вне сайта. SEO также невероятно важен, и о нем мы поговорим в следующих статьях, но еще важнее фактическая структура страницы. Удобство использования, информация, фотографии, призыв к действию и общие «продажи» продукта или услуги являются ключом к общению с вашими пользователями и обеспечению их комфорта или заинтересованности для выполнения вашего запроса. Тем не менее, приведенная выше статья является отличным началом и должна предоставить веб-разработчику удобную SEO-таблицу с описанием того, как макетировать страницу в терминах XHTML, чтобы максимизировать свой потенциал ранжирования.

Идеальный SEO макет

Похожие

Комментарии