создание сайтов


Мой первый сайт на html, продвижение информации

Мой первый сайт на html, продвижение информации проводилось по видео урокам.

Начинать осваивать верстку сайтов лучше всего по видео урокам. Выбирая между табличной и блочной версткой, приоритет следует отдать последней. Именно блочная верстка сегодня используется при строительстве большинства сайтов. На мой взгляд, лучшее пособие из этой серии - базовый видеокурс по блочной div-верстке Андрея Морковина. По окончании видеокурса вы построите готовый и, что немаловажно!, кроссбраузерный шаблон сайта, который в дальнейшем сможете редактировать и продвигать по своему усмотрению.

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

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

Нельзя оставлять без внимания и растущую популярность HTML5. Информацию по новым тегам можно найти в htmlbook. Еще один замечательный источник по этой теме-книга Б. Лоусон, Р. Шарп "Изучаем HTML 5". Необходимые хаки смотрите в статье html5 в ie

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

Большое значение на кроссбраузерность оказывает выбор кодировки. Лучше использовать utf-8, а не winfows-1251, особенно, если учесть растущую популярность HTML5, который использует именно utf-8.

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

Авторитетный веб-мастер Алексей Неменок рекомендует писать текст в программе textus pro (бесплатная) объемом от 500 до 4000 знаков, обеспечивая общую плотность ключевиков не более 6 % на страницу. Ключевая фраза должна повторяться в тексте не менее 3-4 раз, и присутствовать в заголовке, подзаголовках, в первом и желательно в последнем абзаце текста. Ключевая фраза должна быть выделена жирным и\или написана курсивом с помощью тегов STRONG и EM. Картинки обязательно должны содержать заполненные теги "аlt" и "title", в которых так же следует указать ключевую фразу или название страницы.

Тег "title" в head должен начинаться с заголовка статьи и содержать 50-80 символов. Необходимо помнить, что тег отображает название сайта в браузере, поэтому фраза должна быть информативной и привлекательной. Теги h1 - h6 и название страницы также должны содержать ключевые фразы.

После оптимизации контента воспользуйтесь программой site auditor (бесплатная) для оценки популярности ресурса в различных поисковиках.

Я решила делать мой первый сайт на html, продвижение информации самостоятельно. Не забывайте про адаптивный дизайн. У меня получилось, получится и у вас!

10 марта 2012 г.
Подготовила Ольга Мараева.
При использовании статьи ссылка на сайт автора обязательна.

Google