Метатеги
- <title>: Заголовок страницы, отображаемый в вкладке браузера и в результатах поиска.
- <meta name=»description»>: Краткое описание страницы, которое часто отображается в сниппете поисковой выдачи.
- <meta name=»keywords»>: Ключевые слова, описывающие содержание страницы (хотя сейчас его влияние снизилось).
- <meta name=»robots»>: Указывает поисковым роботам, как индексировать страницу (index, noindex, follow, nofollow).
- <meta charset=»UTF-8″>: Определяет кодировку страницы, обеспечивая правильное отображение текста.
- <meta name=»viewport»>: Настройка для адаптации страницы под мобильные устройства.
- <meta http-equiv=»Content-Type»>: Указывает тип контента страницы.
- <meta name=»author»>: Информация об авторе страницы.
Заголовки и подзаголовки от H1 до H6
Заголовки (H1-H6) структурируют контент страницы, делая его более читаемым для пользователей и понятным для поисковых систем. H1 – самый важный заголовок, он должен содержать основное ключевое слово. Я всегда стараюсь использовать ключевые слова в заголовках, но без переспама.
- Используйте только один тег H1 на странице.
- Иерархически используйте заголовки H2-H6 для структурирования контента.
- Включайте ключевые слова в заголовки, но делайте это естественно.
- Заголовки должны быть краткими и информативными.
- Используйте заголовки для разбиения текста на логические блоки.
- Проверяйте читаемость заголовков.
- Не злоупотребляйте заголовками, чтобы не перегружать страницу.
Теги <p>, <br>, <a>, <img>, <ul>, <ol>
Эти теги являются основой для создания контента на странице. Тег <p> используется для создания абзацев текста, <br> – для переноса строки, <a> – для создания ссылок, <img> – для вставки изображений, <ul> – для создания маркированных списков, <ol> – для создания нумерованных списков.
| Тег | Описание | Пример |
|---|---|---|
| <p> | Абзац текста | <p>Это абзац текста.</p> |
| <br> | Перенос строки | Строка 1<br>Строка 2 |
| <a> | Ссылка | <a href=»https://example.com»>Ссылка</a> |
| <img> | Изображение | <img src=»image.jpg» alt=»Описание изображения»> |
Акцентирование в тексте статьи
Для выделения важной информации в тексте используются теги (жирный шрифт) и (курсив). Я часто использую жирный шрифт для выделения ключевых фраз, чтобы привлечь внимание читателя.
- Жирный шрифт ( или ): Используется для выделения ключевых слов и фраз.
- Курсив ( или ): Используется для выделения цитат или терминов.
- Подчеркивание (<u>): Используется реже, так как может быть воспринято как ссылка.
- Выделение маркером (<mark>): Используется для выделения важной информации.
- Мелкий текст (<small>): Используется для добавления дополнительной информации.
Зачеркнутый текст (<del>): Используется для отображения удаленного текста.- Вставленный текст (<ins>): Используется для отображения добавленного текста.
Тег <img> для размещения картинок
Изображения делают контент более привлекательным и понятным. Важно оптимизировать изображения для SEO, используя атрибут alt с описанием изображения. Однажды я забыл про атрибут alt, и мои изображения не отображались в поиске по картинкам.
| Атрибут | Описание | Пример |
|---|---|---|
| src | Путь к изображению | <img src=»image.jpg»> |
| alt | Текстовое описание изображения | <img src=»image.jpg» alt=»Описание изображения»> |
| title | Всплывающая подсказка при наведении на изображение | <img src=»image.jpg» alt=»Описание изображения» title=»Подсказка»> |
| width | Ширина изображения | <img src=»image.jpg» width=»500″> |
Атрибут ID и class
Атрибуты ID и class используются для стилизации элементов страницы с помощью CSS и JavaScript. Они также могут быть полезны для SEO, позволяя поисковым системам лучше понимать структуру страницы.
Тег <head>
Тег <head> содержит метаданные о странице, которые не отображаются на самой странице, но важны для поисковых систем и браузеров. Внутри <head> находятся <title>, <meta> теги, ссылки на CSS и JavaScript файлы.
Тел.380 (44) 364 05 71
Компания FREEHost.UA
