Плыть к истоку придётся против течения.

Один из комментаторов предыдущей заметки абсолютно правильно заметил, что кодингу (переводу текста документа в формат HTML) нужно уделять немалое внимание. Заботясь о так называемой чистоте кода и его структурировании. Остановимся на том.


Но сперва я задам «левый» вопрос: как Вы полагаете, в чём ценность читаемого Вами в данный момент документа?


Очевидно, всего лишь в двух моментах- что в нём говорится (и насколько это Вам нужно и полезно), и как это преподнесено. Последнее очень важно- я ж могу изложить контент таким языком, что читать Вы его не будете даже под страхом отшлёпывания ремешком по попке. Ибо лингвистические изыски могут простираться от албанского до абстрактных философских категорий. От первого многих уже тошнит, второе же просто не всем дано осилить.


Но, естественно, впадать в крайности я не буду. Ибо немного знаком с копирайтингом как наукой, знаю целых 20 тысяч русских слов, а потому вполне способен породить читабельный текст. Назовём эту способность внешним копирайтингом.


Умный поисковик класса Гугла обращает внимание не только на контент, но и на структуру кода. Серферу она не видна, но это не значит, что никому не интересна. Гуглу очень даже интересна, ибо наблюдаемый им HTML код документов о многом ему расскажет. Это не что иное, как внутренний копирайтинг. Индивидуальный для каждого ресурса.


И если вебмастер настолько глуп (или просто не осведомлён), что не обращает никакого внимания на HTML код своих документов, то ему суждено за то пострадать. Позиция его сайта в серпе не будет высокой. Потому что искалка, оценив совокупный внутренний копирайтинг весьма хреновой оценкой, отдаст предпочтение тем документам, чей внутренний копирайтинг выше- код более вылизан, избыточности кода нет.


Если переходить от общих фраз к конкретике, то давайте уж поговорим за структуру кода.


    • Таращась на данный документ, Вы видите, что текст побит на абзацы. В HTML за это разбиение текста на куски ответственен специальный тег. Конечно, бить текст можно и не специальными тегами, а переносами всякими, но это уже будет деструктурирующий фактор. За что причитается пинок вниз в серпе.

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

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

    • Атрибуты тегов. Признаны предписывать каждому конкретному тегу, как он должен себя вести. Тут без фанатизма- CSS для того и придуман, чтобы переопределять свойства тегов, не загромождая сам код наворотами

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


Вообще-то я так никогда не делаю, но в этот раз решил по-ламерски набрать данную заметку в «Ворде». Дабы сохранить её как web-страницу, и посмотреть, что из этого получится. В смысле кода.


Десятый «Ворд» породил страшное, причём никаких таблиц не юзалось, только голый текст. Но учитывая, что его код намного чище, чем созданный разного рода визуальными редакторами, которые с кодом документа поступают просто варварски при вставке в уже созданный документ каждого нового слова или правки существующего, тут мы всё равно имеем не самый плохой вариант. Сиё хоть и нашпиговано мусором, но хотя бы структурировано. А вот визуальный редактор за структурированием не смотрит совершенно...


Посему, если уж Вы не умеете писать чистый код ручками, то используйте какую-нибудь очищалку результата творчества в «Ворде» от превнесённой им ереси. Например, такую: http://lasto.com/blog/1156935889.html


Это полезно не только для лучшего позиционирования сайта в поисковиках. HTML-документ, вытащенный из-под визуального редактора, весит в 2-3 раза больше, чем тот же самый документ, но с чистым кодом. Ну и зачем напрягать серфера и самого себя спалённым впустую трафиком?


30 августа 2006, 13:25
№ 1Без темы
Каждый раз, как сталкивался с перевёрсткой сайтов - уменьшение размера странички составляло 5-8 раз, а иногда и в 10 раз.
Вот сейчас перевёрстываю сайт...
Было: главная страница 42Кб + 198Кб картинки.
Стало: 7,5Кб + 38Кб картинки
В качествое картинок ничего не потеряно и рендерится браузером на порядки быстрее, и валидно. При этом там не совсем уж тупая вёрстка была. Ну просто она была табличная. 8-)
Насчёт трафика можно посчитать. Если владелец этого сайта платил хостеру за 300Gb трафика в месяц, то теперь при такой же посещаемости он будет платить за 50Gb в месяц. Переведите это в деньги и прослезитесь.
-------------------------------------------------- ---------------
Яндексы угрожают выкатить новые алгоритмы (только недавно видел интервью, но не вспомню где), которые будут эффективно отсеевать дорвеи и прочий спам. Пытаются приблизиться к google по выдаче.
Надеюсь, что у них это получиться. И тогда мои сайты будут на первых местах и в Яндексе, а не только в google. 8-)
ps. Несколько обидно наблюдать сайт в google:1 , а в яндекс:56.
30 августа 2006, 14:49
№ 2Валидация
Согласен, Word, еще тот монстр, но как на счет просмотра страниц Вашего блога в FF и OPERA?
Чистый код это это прекрасно, ошибки можно посмотреть здесь:
Link

А возьмите в руки FF и Opera, и отсмотрите этот блог.
Видите ошибки?
И я не вижу.
А закавычивать значения атрибутов кроме alt в имиджах смысла никакого нет- что в кавычках эти значения атрибутов, что без кавычек- работают совершенно одинаково. Только код удлиняют и загромождают. С чем все в принципе согласны.
30 августа 2006, 15:37
№ 3Respect!
Написано под мою душу :). Одна из моих любимых тем.
Хочу высказать такую мысль, что пользователю Инета, который связывает свое ближайшее будущее с ведением хотя бы одного веб-сайта, проще (да и полезнее) изначально вдариться в изучение азов HTML, чем "творить" страницы во всяких водрах, да визуальных редакторах, дабы в итоге не удивляться "отсутствию своего супер-пупер мини-сайта в серпе Гугла".
Аж страшно смотреть на код, приведенный в примере.
Дмитрий Лялин
31 августа 2006, 12:48
№ 4Валидация 2
Цитата: "А возьмите в руки FF и Opera, и отсмотрите этот блог.
Видите ошибки?"
Речь не об ошибках, а о визуальном представлении Вашего блога в этих браузерах, как пример: форма для отправки комментариев. Понятно, что заточено все под IE, об этом, в частности, говорит использование фильтра для меню.
Еще раз посмотрел данную страницу на валидность: «Failed validation, 105 errors», не вдаваясь в подробности, многовато. И в этом есть известное противоречие цитата ( «Плыть к истоку придётся против течения»): «Но, к сожалению, поисковики фиксируют ошибки HTML, и понижают рейтинг документов с такими ошибками», к тому же в Вашей статье «Сим-сим, откройся» приведен список, цитата: «Список никак не упорядочен по важности того или иного критерия…» «33. Качество HTML разметки, ошибки в разметке».
Разговор о HTML и CSS, не тема данного блога, с удовольствием читаю Ваши статьи, постоянно открывая для себя, что-то новое, но и на солнце бывают пятна.


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

А что до валидатора...
Глупый он. Не видит открывающего тега линка. В упор.
Ну и вбейте в него морду сайта mail.ru-там чистый, грамотный код. Кажет под четыре сотни(!) ошибок.
Вебмастера и программеры майла совсем дураки?
Скажите им об этом.
Комментарии к этой заметке больше не принимаются.

Рейтинг популярности - на эти заметки чаще всего ссылаются:

август, 2006
пнвтсрчтптсбвс
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31