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

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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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



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

Благодаря совместными с Дмитрием Лялиным усилиями порождён код, который выполняет именно то, что задумано: сначала выводит в код страницы контент, потом всякую рекламу (та, что на странице справа), шапку сайта, навигацию (левый столбик), и подвальчик. Таким образом, контент находится максимально близко к началу страницы, несмотря на то, что визуально засунут в центральную колонку трехколоночной таблицы, имеющей к тому же шапку и подвальчик. Смотрите код этой страницы для понимания крутизны замысла.


Уж теперь-то поисковики должны быть счастливы.


Как и обещано, Дмитрий получает подарок на выбор (скрипт магазина цифровых товаров LastoShopGold, линк на такой для примера засунут в хеадер данной страницы), а также респект и уважение вебмастерствующей публики.


Тема закрыта. Всем спасибо.


21 сентября 2005, 05:08
№ 5Текст в самом начале
см. мой сайт, http://cryptomancer.narod.ru/me
абсолютное позиционирование IFRAME с нафигацией, засунутых в конец.

Результат моей простейшей, можно сказать чайницкой поисковой оптимизации - см. в Яндексе по запросу "xml движок"
cryptomancer
26 января 2006, 11:02
№ 6Рокировка столбцов таблицы
Господа!
прошу прощения, а что мешает решить эту задачку блочной версткой. Меню делается самым последним блоком по тексту страницы, а в листе стилей задаете выводить его в левом верхнем углу указанием точного места расположения, ширины и т.п.

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

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

Трекбэки:

01 марта 2008, 05:45
HTML-код наизнанку. Автор: SeRank. Для начала, отмечу, что данная статья не претендует на постулат, всего лишь высказывается мнение автора. Поводом для написания статьи послужила тема с блога уважаемого мной коммерсанта Вадима Ласто http://lasto.com/blog/post_1124455508.html, в которой он просил помочь с рокировкой строк таблицы в html-коде. С этой задачей мы совместно с Вадимом успешно справились. Результатами я хочу поделиться с Вами.
14 марта 2008, 06:54
Оптимизация - великая сила. HTML-код наизнанку. ля начала, отмечу, что данная статья не претендует на постулат, всего лишь высказывается мнение автора. Поводом для написания статьи послужила тема с блога уважаемого мной коммерсанта Вадима Ласто http://lasto.com/blog/post_1124455508.html, в которой он просил помочь с рокировкой строк таблицы в html-коде. С этой задачей мы совместно с Вадимом успешно справились. Результатами я хочу поделиться с Вами.
Комментарии к этой заметке больше не принимаются.

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

август, 2005
пнвтсрчтптсбвс
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