Помощник
|
Сверстал сайт на таблицах, стоит ли его переделывать в Div'ы? |
kils
|
Сообщение
#1
|
||
|
|
||
|
|||
Webmaster_hb |
25.11.2010, 11:09;
Ответить: Webmaster_hb
Сообщение
#2
|
|
Добрый день! Сверстал свой первый сайт. Сделал его на таблицах, т.к. мне так было удобней, наглядней и быстрей. Теперь терзают сомнения, что будет плохо индексироваться поисковиками, хотя вроде бы код не очень большой. Вот например одна из страниц: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>In time - Реклама вовремя - Краснодар: дизайн, полиграфия, печать, баннеры, наружная реклама, оформление витрин, информационные стенды, фотосъемка</title> <meta name="description" content="Рекламно-производственная компания In-time - Реклама вовремя - рекламное агентство Краснодар. дизайн, полиграфия, интерьерная и широкоформатная печат, наружная реклама, оформление витрин, разработка логотипа, сувенирная продукция, фотосъемка ."> <meta name="keywords" content="Рекламно-производственная компания In-time - Реклама вовремя - рекламное агентство Краснодар. дизайн, полиграфия, интерьерная и широкоформатная печат, наружная реклама, оформление витрин, разработка логотипа, сувенирная продукция, фотосъемка"> <meta name="author" content="In-time"> <meta name="copyright" content="In-time"> <style> html, body {height: 95%; margin-top: 10px;; padding:0;} body {background-color:#fff; color:#000; font:normal 12px ‘Tahoma’;} </style> <link href="css/style01.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <style type="text/css"> <!-- a:link { color: #333333; text-decoration: none; } a:visited { text-decoration: none; color: #333333; } a:hover { text-decoration: none; } a:active { text-decoration: none; } --> </style> <link href="css/style02.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- .стиль2 {font-size: 14px} --> </style> <link href="css/underhead.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- .стиль6 {font-size: 12px} --> </style> </head> <body> <!--LiveInternet counter--><script type="text/javascript"><!-- new Image().src = "//counter.yadro.ru/hit?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random();//--></script><!--/LiveInternet--> <table width="1000" align="center" cellspacing="0"> <tr> <td height="134" colspan="2" background="backgr02.png"><a href="http://in-time.su/"><img src="logo02.png" alt="In-time - Реклама вовремя" width="289" height="138" border="0" title="In-time - Реклама вовремя" ></a></td> </tr> <tr> <td height="24" colspan="2" class="стиль2"><div id="left1">РЕКЛАМНО-ПРОИЗВОДСТВЕННАЯ КОМПАНИЯ</div> <div id="right1"> <a href="contacts.php">Контакты</a></div> </td> </tr> <tr> <td width="241" height="423" valign="top"><table width="201" border="0" align="right"> <tr> <td><img src="line.gif" width="201" height="8"></td> </tr> <tr> <td width="195" class="style01"><div align="left"><a href="poly.php"> Рекламная полиграфия</a></div></td> </tr> <tr> <td class="style01"><div align="left"><a href="iprint.php">Интерьерная печать</a></div></td> </tr> <tr> <td class="style01"><div align="left"><a href="infostand.php">Информационные стенды и таблички</a></div></td> </tr> <tr> <td class="style01"><div align="left"><a href="windecor.php">Оформление витрин</a></div></td> </tr> <tr> <td class="style01"><div align="left"><a href="outside.php">Наружная реклама</a></div></td> </tr> <tr> <td class="style01"><div align="left"><a href="identity.php">Разработка логотипа/стиля</a><a href="souv.php"></a></div></td> </tr> <tr> <td class="style01"><div align="left"><a href="souv.php">Сувенирная продукция</a></div></td> </tr> <tr> <td class="style01"><div align="left"><a href="auto.php">Брендирование авто</a></div></td> </tr> <tr> <td class="style01"><div align="left"><a href="photo.php">Фотосъемка</a></div></td> </tr> <tr> <td class="style01"><a href="art.php">Творчество</a></td> </tr> <tr> <td class="style01"><img src="line.gif" width="201" height="8"></td> </tr> </table></td> <td width="751" align="center" valign="top" class="style01"> <table width="560" border="0" align="right" cellspacing="15"> <tr> <td colspan="5" class="style01"><div align="center" style="font-weight: bold">Рекламная полиграфия</div></td> </tr> <tr> <td colspan="5" class="style01"><div align="center"> <p class="style02">Рекламно-производственная компания «In-time – Реклама вовремя» предлагает Вам услуги по изготовлению полиграфической продукции: от разработки дизайна до доставки готового заказа клиенту. <br> Мы будем рады предложить Вам:<br> —<span style="font-weight: bold">рекламную полиграфию</span>: буклеты, флаеры, промо листовки, самоклеющиеся стикеры, наклейки, брошюры,* каталоги.<br> —<span style="font-weight: bold">полиграфия для Вашего бизнеса</span>: прайсы, бланки, поздравительные открытки, календари, блокноты, плакаты, конверты.<br> —<span style="font-weight: bold">прочую продукцию</span>, разрабатываемую по Вашему индивидуальному заказу.</p> <p class="style02">Предлагаем Вам следующие виды печати:<br> <span style="font-weight: bold">Офсетная печать</span> (оптимальна при печати больших тиражей, более точная цветопередача, с ростом тиража уменьшается стоимость за единицу продукции)<br> <span style="font-weight: bold">Цифровая печать</span> (оптимальная при небольших тиражах, позволяет персонализировать продукцию)<br> <span style="font-weight: bold">Шелкография</span> (используется для изготовления визитных карточек, открыток, приглашений)</p> </div></td> </tr> <tr> <td width="110"><a href="images/poly/poly001.jpg" rel="lightbox[poly]" title="Разработка дизайна и печать" ><img src="images/poly/poly001p.jpg" width="110" height="110" border="0"></a></td> <td width="110"><a href="images/poly/poly006.jpg" rel="lightbox[poly]" title="Разработка дизайна и печать" ><img src="images/poly/poly006p.jpg" alt="" width="110" height="110" border="0"></a></td> <td width="110"><a href="images/poly/poly003.jpg" rel="lightbox[poly]" title="Разработка дизайна и печать" ><img src="images/poly/poly003p.jpg" alt="" width="110" height="110" border="0"></a></td> <td width="110"><a href="images/poly/poly004.jpg" rel="lightbox[poly]" title="Разработка дизайна и печать" ><img src="images/poly/poly004p.jpg" alt="" width="110" height="110" border="0"></a></td> <td width="110"><a href="images/poly/poly005.jpg" rel="lightbox[poly]" title="Разработка дизайна и печать " ><img src="images/poly/poly005p.jpg" alt="" width="110" height="110" border="0"></a></td> </tr> <tr> <td><a href="images/poly/poly002.jpg" rel="lightbox[poly]" title="Разработка дизайна и печать" ><img src="images/poly/poly002p.jpg" alt="" width="110" height="110" border="0"></a></td> <td><a href="images/poly/poly007.jpg" rel="lightbox[poly]" title="Разработка дизайна и печать" ><img src="images/poly/poly007p.jpg" alt="" width="110" height="110" border="0"></a></td> <td> </td> <td> </td> <td> </td> </tr> </table> <p> </p></td> <td width="0"></td> </tr> <link href="css/style01.css" rel="stylesheet" type="text/css" /> <tr> <td height="22" colspan="2" valign="bottom"><table width="100%" border="0"> <tr> <td height="18" class="style01"><img src="line2.gif" width="1000" height="8"></td> </tr> <tr> <td height="18" class="style01"><div align="right" class="style01"> <div align="left"> Copyright © Рекламно-производственная компания In-time - Реклама вовремя. 2010. Краснодар</div> <!--LiveInternet logo--><a href="http://www.liveinternet.ru/click" target="_blank"><img src="//counter.yadro.ru/logo?44.2" title="LiveInternet" alt="" border="0" width="31" height="31"/></a><!--/LiveInternet--> </td> </tr> </table></td> </tr> </table> </body> </html> Сообственно, дайти пожалуйста совет, стоит ли сейчас пока не поздно, изучить и переделать на дивы? или оставить как есть? вы лучше оставьте так, запускайте сайт, а через полгода сделайте редизайн |
|
|
kils
|
Сообщение
#3
|
|
Webmaster, спасибо за ответ!
Но хотелось бы все равно узнать, для сайтов такого объема как у меня, будет ли разница при индексировании поисковиком, между табличной и дивной версткой? В существующем коде может быть мне что-то необходимо оптимизировать? |
|
|
locky-yotu |
25.11.2010, 11:31;
Ответить: locky-yotu
Сообщение
#4
|
|
Табличная верстка ни коим образом на индексируемость не влияет.
|
|
|
kils
|
Сообщение
#5
|
|
locky-yotun, Хм....просто я часто нахожу вот такие вот статьи, сообственно из-за этого и решил переделать из таблиц в дивы пока не поздо.
Что примечательно - табличная верстка значительно проще в освоении, чем верстка блочная (Div верстка). Так почему же она сейчас не популярна и все стараются перейти на блочную верстку? Тут все дело в отношении поисковых систем к сайтам, созданным с помощью табличной и блочной верстки. Поисковикам больше по вкусу верстка блочная и причина этого кроется в очень малом количестве Html тегов при блочной верстке, которое используется для достижения нужного результата. Если сделать тоже самое при помощи таблиц, то количество Html тегов в исходном коде страниц сайта будет существенно большим, чем в случае блочной верстки. Происходит это из-за того, что при блочной верстке в Html коде страниц сайта присутствуют только элементы, задающие области для вывода содержимого: текста, изображений или еще чего-то. Эти области называют блоками или DIV контейнерами, отсюда и происходит название блочной верстки. Описание же внешнего вида этого содержимого осуществляется в другом файле, который поисковики не индексируют. Это так называемые файлы каскадных таблиц стилей (CSS). Там может описываться положение данного DIV блока относительно других блоков на странице; внешний вид содержимого данного блока, например, параметры шрифта текста, выравнивание, отступы и прочее. В табличной же верстке, и табличные Html теги (Table, TR, TD, TH) и атрибуты, описывающие внешний вид содержимого таблиц входят в состав исходного Html кода страниц сайта, что естественно загрязняет проиндексированный поисковыми системами текст вашего сайта множеством Html тегов. Т.е. два сайта с одинаковым содержим, но написанные на table и на div будут одинакого индексироваться? |
|
|
Webmaster_hb |
25.11.2010, 11:56;
Ответить: Webmaster_hb
Сообщение
#6
|
|
locky-yotun, это уже тема для обсуждения технических вопросов поисковиков
но на ранжирование результатов поиска влияет семантическая верстка или нет т.е. там где должны быть таблицы - там и должны в верстке использоваться таблицы, там где перечисления - должны использоваться списки, где определения, там использоваться DL, заголовки в качестве заголовков и т.д. |
|
|
kils
|
Сообщение
#7
|
|
Webmaster, все таки получается будет лучше, если переделать сайт на div'ы (его структуру- шапку, боковое меню и низ), и использовать теги для списков, заголовкого и т.п.?
|
|
|
Webmaster_hb |
25.11.2010, 12:18;
Ответить: Webmaster_hb
Сообщение
#8
|
|
kils, да, это лучше, но не стоит на это тратить свое время, т.к. контент важнее
запустите проект для начала в таком виде, а уж потом оптимизируйте если бы вы только начинали делать - то да, совет использовать семантическую верстку |
|
|
kils
|
Сообщение
#9
|
|
Webmaster, спасибо за советы!
В принципе пытаюсь разобраться с div'ами, и уже понял что на верстку уйдет намного больше времени, т.к. каждый элемент нужно описывать. Табличную верстку я делал в dreamweaver CS3, получалось очень удобно и наглядно, т.к. он корректно отображает их (таблицы) в рабочем режиме (в окне программы). А с дивами засада - в самой программе визуально одно положение дивов относительно друг друга, а когда просматриваю через браузер – другое, они смещаются и т.п. А если подстроить (отступы и т.п.) сразу под браузер, тогда невозможно визуально работать с dreamweaver, т.к. все начинается наползание дивов друг на друга. |
|
|
kils
|
Сообщение
#10
|
|
И крайний вопрос:
сейчас у меня страницы сайта устроены по принципу общих: <?php include"header.inc"; ?> <?php include"sidebar.inc"; ?> <td>Содержание страницы index</td> <?php include"footer.inc"; ?> при верстке Div'ами такое не получится? и не нужно? |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Ваш сайт блокирует Роскомнадзор? | 23 | hollywooduk | 5096 | 27.3.2024, 10:43 автор: hollywooduk |
|
Тысячи ботовых переходов на сайт | 18 | Suagaring | 4540 | 26.3.2024, 21:42 автор: c4p1t4l15t |
|
Блог: городской сми сайт в Прибалтике | 23 | kapusta1 | 3540 | 24.3.2024, 22:02 автор: Liudmila |
|
[Услуги] Баннер/Графика/Сайт | 238 | FillPlay | 179403 | 23.3.2024, 16:31 автор: freeax |
|
Пишет кто отзывы на сайт в янднекс с разных аккаунтах | 1 | TenDemon_rs | 1133 | 22.3.2024, 13:18 автор: writer80 |
Текстовая версия | Сейчас: 29.3.2024, 17:51 |