Правильная верстка сайта

Я каждый день просматриваю отчет статистики посещений моего блога пользователями. Хочу сказать, что на данный момент гугл с удовольствием показывает блог на 1-2 месте по "нестандартным" низкочастотным запросам. Один из таких был "правильная верстка сайта примеры". Мне понравился этот запрос, потому что когда я начала изучать верстку сайтов, я тоже пыталась найти такие примеры, пока не поняла, что примером может стать любой сайт, поэтому я решила написать пост на эту тему.
Самое важное заключается в том, что примером правильного сайта является любой сайт, при верстке которого соблюдались определенные правила. И в этой статье я просто хочу объяснить, что если вы хотите в примерах увидеть правильную верстку, то вы должны знать эти правила и уметь ими пользоваться, а в помощь для этого есть специальные инструменты, про которые я напишу в конце.
И так, правильная верстка сайта - это верстка по стандартам W3c. Я не люблю терминологию, ее всегда можно посмотреть в той же Википедии, напишу своими словами. Этот стандарт служит, как бы, мостиком между производителями браузеров и веб-мастерами, которые делают сайты. Этот стандарт разрабатывает организация, которая добивается, чтобы все производители браузеров поддерживали одинаковый уровень технологий. И объясняет, как верстать сайт, чтобы во всех браузерах он выглядел одинаково. Для проверки соответствия этим стандартам существуют инструменты - валидаторы, HTML и CSS, так же есть тулбары, я пользуюсь двумя для Mozilla, Web Developer и HTML. Они очень удобны тем, что когда я захожу на сайт, на абсолютно любой, если в коде HTML или CSS есть ошибки, то специальные индикаторы загораются красным цветом, а при просмотре исходного кода подсвечивают строки с ошибками, и сказать, что сайт на 100% правильный - нельзя, а если индикаторы зелёные, то сайт соответствует стандартам. Но если вам это не нужно для работы, то лучше этого не знать, т.к. 90% сайтов в интернете, к большому сожалению, не соответствует стандартам на 100%, но это и не мешает пользователям просматривать сайты. Большая часть ошибок в верстке допускается в мелочах, которые не влияют на отображение сайта в браузере. В общем-то на этом можно было бы и закончить про правильную верстку сайтов, если бы не развитие поискового продвижения. Моё личное мнение, и думаю многих профессионалов тоже, сегодня правильная верстка заключается не только в чистом коде, который соответствует стандартам W3c, но и в оптимизированном коде. Здесь я уже писала об основах оптимизации. Это и оформление метатегов, и другая внутренняя оптимизация кода, и перелинковка страниц.
Чуть не забыла, правильный сайт, это ещё тот, который удобен и нравится пользователю, и на котором нравится бывать поисковому роботу:).
P.S. После этой статьи не проверяйте мой блог на валидность, это один из шаблонов blogger, хоть я его чуть-чуть и приукрасила.
А вот здесь ссылочка на сайты, которые соответствуют стандартам W3c. Смотрите и наслаждайтесь. И почитайте про Зена Гардена (Zen Garden).

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