html теги

Структура оптимизированной страницы.


1d42b8fd

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

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

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

Title (Заглавие)

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

Заглавие каждой страницы находится в тэге <title> между открытием и закрытием <head>. Для обычного пользователя тайтл виден в верхней части браузера или в результатах поиска.

<head>

<title> solaris-spb.ru – блог об интернет-маркетинге </title>

</head>

Тэг title должен аккуратно отображать контент страницы. Не делайте его слишком большим, приблизительно 8-12 слов, и природно внедрите основные ключевики. Большое внимание обратите на слово «природно», потому что набор ключей просто выкинут из индекса. Помните, что заглавие в результатах поиска – это очень важный аргумент. Если оно будет более манящим, чем у конкурента, то, естественно, пользователь выберет привлекательный вариант.

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

Meta Description (Описание)

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

В вашем коде тэг Meta Description расположен ниже Title.

<head>

<title> solaris-spb.ru – блог об интернет-маркетинге </title>

<meta name=”description” content =”ух ты какой блог.” />

</head>

Описание должно состоять из 20-50 слов. Наполняйте его ключевиками в меру и делайте вызывающим, попадание в результаты выдачи вполне вероятно. Уникальное описание для каждой страницы – это очень полезно, особенно, если гонитесь за специфическими ключевыми фразами, но и трудозатратно. Оцените необходимость и свои возможности объективно, после чего принимайте решение. Если же никаких спецификаций нет, можно оставить страницу без этого тэга вообще.

Meta Keywords (Ключевые слова)

Данный тэг помогает ПС определить основные ключевые слова сайта. Здесь , главное, ими не мусорить, чтобы получить больше трафика. Дорвеи – это другая история.

В коде вставляется под Meta Description:

<head>

<title> solaris-spb.ru – блог об интернет-маркетинге </title>

<meta name=”description” content =”ух ты какой блог.” />

<meta name=”keywords” content=”интернет-маркетинг, бизнес, seo”

</head>

Heading Tags (Заголовки)

Используется для визуального отделения контента, делая страницы легкими для восприятия. Включена нумерация: “hx” (<h1>, <h2> etc.).

<body>

<h2> Заголовки действительно необходимы </h2>

</body>

Тэг h1 должен использоваться один раз для каждой страницы. Основные части сайта под h2, а различные подкатегории h3 и ниже. В некоторых случаях h2 ставят в помощь h1.

Body Content (Основной контент)

Основной текст каждой страницы – это единственный важный элемент для реализации коммерческих и поисковых целей владельца сайта, исключая title конечно. Body content, как правило, находится в <p>(параграф) между <body>.

<body>

<h2></h2>

<p>параграф</p>

</body>

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

Images (Изображения)

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

Интеграция в html код происходит с помощью тэга <img с указанием пути к графическому файлу.

<img src=”/images/logo_main.jpg” />

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

Alt Attributes (Альтернативное описание для изображений)

Чтобы указать название или характеристики картинки, можно использовать тэг alt. Выглядит это так:

<img src=”/images/mambo.jpg” width=”228” height=”237” alt=”Ух ты какая картинка” border=”0” />

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

Заключение

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

Комментировать

Комментарии: 0
Ваш комментарий