Web-студии и web-стандарты — две вещи несовместные? Как создать самому сайт с минимальными вложениями?

Статьи

Web-студии и web-стандарты — две вещи несовместные?

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

«Мы умеем делать красиво»

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

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

Какой вид при этом приобретает HTML-код? Это тьма-тьмущая табличных тегов (table, tr, td), которые по своему весу намного превосходят вес слов. Такой исходный текст не дает представления о структуре документа.

Возникает парадокс: сайт визуально красив, а его исходный текст (HTML-код) безобразен. С одной стороны, красавица, с другой, — чудовище. К счастью заказчика, это чудовище для посетителей невидимо.

Какие недостатки имеет избыточный HTML-код?

Вечная красота

HTML-код сайта увеличивается не только за счет табличных тегов, но и за счет оформительского кода, который можно было бы без проблем убрать в таблицу стилей. Складывается впечатление, что некоторые веб-студии как будто специально стремятся обойтись без CSS.

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

Поисковые роботы тоже плачут

Поисковым роботам, как и посетителям, нужен контент. А теперь посмотрите. пожалуйста, на этот код:

<TABLE width=100% height=100% cellpadding="0" cellspacing="0" border="0">
<TR><TD>
<table width=100% border="0" cellpadding="0" cellspacing="0" background="/images/shapka_01.gif">
<tr>
<td><img src="/images/1x1.gif" width="20"></td>
<td><img src="/images/logo.gif" width="60" height="66" alt="isBiz WEB-студия"></td>
<td><img src="/images/1x1.gif" width="10"></td>
<td><img src="/images/logo02.gif" width="210" height="66" alt="isBiz WEB-студия"></td>
<td width=100%><img src="/images/1x1.gif" width="480" height="66"></td>
</tr>
</table></TD>
</TR>
<TR>
<TD bgcolor="#FFFFFF" height="1"></TD>
</TR>
<TR>
<TD>
<table border="0" cellpadding="0" cellspacing="0" width=100% background="/images/line_menu.gif">
<tr>
<td width=70%></td>
<td><img src="/images/1x2.gif" width="2" height="28"></td>
<td height="27" align="center"><a href="http://web.isbiz.ru" style="text-decoration:none;"><span class="menu_title">ГЛАВНАЯ</span></a><BR><img src="/images/1x1.gif" width="94" height="1"></td>

На этом участке кода есть одно слово «Главная» и два сочетания слов «isBiz WEB-студия» в теге alt. Основной текст этой страницы в коде начинается уже ближе к концу.

Я попала на этот сайт по запросу «web-студия». Надо заметить, что в Гугле сайт по этому запросу занимает 1 место, а в Яндексе — 10. Такие хорошие позиции сайт обеспечил за счет большого количества внешних ссылок, которые содержат это слово.

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

Статьи

Блочная верстка сайтов

Контент для сайта

Реклама