Рокировка столбцов таблицы. Что же она нам сулит ?

Самые популярные товары с Али по лучшей цене здесь

Обложка на паспорт под мрамор 76 руб.
Качественная «Банка Силы» на 20 Ач. 1140 руб.
Фляжка Jack Daniel’s. Нержавсталь, 235 ml 215 руб.

19 августа 2005, 19:45

Рокировка столбцов таблицы. Что же она нам сулит ?

Рокировка столбцов таблицы.

Тема лишь для продвинутых вебмастеров. Остальные ничего не поймут.

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

Проиллюстрируем это на понятном местному автору примере.

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

Кстати, прадедушкин сверхрегенератор сегодня трудится в охранных устройствах автомобилей- именно им управляют с брелка.

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

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

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

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

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

Можно сказать, что вылизанный и лаконичный HTML код - это ещё один фактор продвижения.

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

Свою задачу утомить Вас и запутать местный автор считает вполне выполненной - слабые духом давно свалили. Гвалт затих, и в наступившей академической тишине давайте решать очень простую задачу. Она крайне важна.

Как известно, любой поисковик в числе прочего любит много текста и мало мусора. К последнему относится и HTML код, без которого, однако, не обойтись. Но чем быстрее в коде Вашей страницы кончатся теги, и начнётся благословенный текст, тем Вам же и будет лучше. Опровержения такому постулату пока не нашлось, так что будем считать его верным.

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

Представьте, что левая колонка просто нашпигована десятками ссылок, и HTML код имеет протяжённейший. В совокупности с шапкой это настолько отдалит текст от башки документа, что никаким респектом от Гугла тут и не пахнет. То есть мы имеем наглядный и конкретный трабл. Хоть навигацию в правую менюху вешай, дабы приблизить текст к началу документа. Что есть тоже вариант.

Теперь посмотрите HTML код моего документа. Там Вы увидите кусок кода с шапкой, потом (внимание!) текст, менюхи, и замыкает всё это дело подвальчик.

Понятно, что такая рокировка столбцов вёрстки (123 превращаем в 213) скажется на позиции документов этого ресурса в Гугле и прочих поисковиках только самым положительным образом. Фактически столбцы таблицы Вы можете переставлять местами (в коде!) между собой как угодно, ничего при этом не меняя на экране дисплея (тут Вам надо озадачиться и сообразить, как это делается).

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

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

Варианты со слоями, позиционируемыми абсолютно, не предлагать.
Это известно.
Хочется только классического HTML.

P.S.

Пост не актуален, ибо блочная вёрстка лучше таблиц.

22 августа 2005, 16:14

№ 1Как сделать сначало текст.

Очень полезный совет, всегда хотел так сделать, но не знал как. Большое спосибо.
На счет Сабжа, Я сделал так:
Сначало идет 1-однапиксельный гиф, затем текст, затем правая колонка, затем левая.
Как разбить "голову" ? Я просто центральный столбец сделал сквозь всю "голову", тоесть получилось, что голова разбита так-же на 3 колонки. Просто центральная дабы не выбивалась из общего стиля подправлена картинкой в беграунде.
Затем в центральной колонке идет хейдер (так как он первый то он H1) затем текст, затем все остальное. В принцепе в начале центральнйо колонки можно поставить и "большую картинку" так как большая картинка в начале текста с нужным ALT, тоже повышает значительно ролевантность.
fly
28 августа 2005, 05:16

№ 2Как сделать сначало текст

А если применить динамический фрейм?
В левой колонке куда и подгружается меню, а шапочка и основной текст в центральной, т.е. ниже, но всего на 3 строки.
jok
16 сентября 2005, 09:15

№ 3Спасибо за подсказку!

Благодарствую за такую практическую фишку!
Честно говоря, перерыл весь код, чтобы докопаться до сути. А оказалось, что ничего мудреного-то и вовсе нет.
Обязательно возьму себе на заметку.
Спасибо.
Дмитрий Лялин
26 января 2006, 23:02

№ 5Рокировка столбцов таблицы

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

самый простой способ, имхо.

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