HTML-таблицы вредны для SEO?


26

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

Таблицы плохи для поисковых систем?

редактировать: я буду использовать CSS для таблицы, чтобы держать HTML в чистоте.


Можете ли вы описать ваши потребности, чтобы мы могли предложить альтернативы таблицам ( при необходимости ).
Габриэле Петриоли


1
и все же одни и те же снобы весьма рады злоупотреблять списками для меню страниц! Таблицы по определению связаны с макетом, а не с содержимым. Это не тег электронной таблицы. Есть много динамических макетов, которые невозможно сделать с CSS, но возможно с таблицами. Многие люди используют ярлык с фиксированной шириной страницы, но это гораздо хуже для доступности. Да, контент должен быть отделен от макета, но это не является причиной для исключения таблиц в реакции коленного рефлекса. Использование их там, где это уместно, вполне приемлемо.
JamesRyan

Ответы:


15

Что касается SEO, то поисковым системам все равно. Однако идея состоит в том, чтобы отделить дизайн от контента. Таблицы должны строго использоваться для табличных данных, div для макета. Использование таблиц в целях дизайна смешивает вашу разметку с элементами макета, что считается плохой практикой.


7

HTML-таблицы хороши:

  • отображение табличной даты

Нетабличные данные, представленные в виде таблиц HTML, вредны для:

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

Чтобы увидеть ваш сайт в качестве поисковых систем, попробуйте зайти на него с помощью текстового браузера, такого как ELinks или Lynx .


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

2

Это было сказано раньше, и я скажу это снова.

Tabular data- Используйте таблицы

Layout- Используйте Divs

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

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


2
-1 за не ответ на вопрос.

извините, я не имел в виду макет. Это для записей. Я думаю, табличные данные

1
-1 за не ответ на вопрос - речь не идет об оптимальном дизайне сайта или даже о хорошей практике. Он просто сфокусирован на «Влияет ли это на SEO?»

2

<table>S против <div>S мало повлияет или не повлияет на ваши результаты SEO. Тем не менее, ввод названия и ключевые слова в ваш <h1>, <h2>, <h3>и т.д .. теги поможет.


2

Google не заботится о ранжировании, как выглядит ваш код. Они заботятся только о том, чтобы ваши посетители хорошо реагировали на это.

Пока ваш сайт работает для ваших пользователей, от Google нет никаких штрафов за то, как вы структурируете свою разметку.

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


1

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

Если вы действительно хотите это продвинуть, я думаю, что время загрузки страницы нужно учитывать. Это известный фактор в показателе качества AdWords, и, безусловно, есть свидетельства того, что Google проверяет поведение пользователей в поисковой выдаче, поэтому, если они видят высокий уровень отказа (клиенты теряют терпение из-за времени загрузки страницы), вы можете потерять на рейтинги. Div и CSS загружаются быстрее, чем таблицы.


1

Хорошо, вот сделка.

Надо сказать, что таблицы предназначены для табличных данных, а не для разметки. Вы делаете проблему доступности как на старых мобильных телефонах, так и на текстовых браузерах, используемых для слабовидящих.

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

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

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

В общем, я не думаю, что разница в рейтинге основных поисковых систем будет такой большой. Тем не divменее, как отмечается в этом посте , использование CSS для макета имеет определенные преимущества , и поэтому оно должно быть рекомендовано, если только нет действительно веской причины идти по столу (что редко встречается).


Похоже, спекуляция для меня, а не ответ.
Дунайский моряк

1

Да, дизайн таблицы вреден для SEO

Лучшее, что можно сделать для оптимизации SEO, это учесть, что бот читает ваш сайт как слепой.

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

Попробуйте сделать сайт соответствующим разделу 508 (см. Эту статью о валидаторах для него) и WCAG из WAI ( посмотрите здесь для проверки), и попробуйте прочитать его с помощью инструмента, такого как Lynx , или после линеаризации (с веб-разработчиком). Панель инструментов Firefox по образцу).

Чем больше вы уважаете грамматику ( <p>для абзацев, <table>для табличного содержимого ...) HTML-кода, тем больше он улучшает его доступность и SEO.

Итак, используйте <table>для табличных данных, а не для дизайна, используйте <h1>в качестве первого заголовка заголовок, а не <span>с символами и т. Д., И не используйте некоторые <h3>только для того, чтобы сделать текст более жирным и крупным, а потому, что вы добавили первый и второй заголовок заголовок, и вам нужно создать подраздел структуры предыдущего <h2>раздела в структуре вашего документа (не вашей веб-страницы).

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


1
Я не понимаю, как это отвечает на вопрос. ОП спросил о влиянии SEO, поэтому все, что находится ниже второго предложения, является шумихой, а первые 2 слишком малы для ответа.
Дунайский моряк

Меня учили, что решение проблемы при разговоре о проблеме - гораздо лучший способ, чем говорить негативно и агрессивно, как вы. Итак, благодаря предоставленному мною решению, я думаю, что легче понять, как и почему таблицы вредны для SEO. ИМХО, нет, это не шум (шум = шум?), Это способ доказать мою точку зрения и предложить решение проблемы по тому же случаю.
Паскаль Qyy

0

Таблицы HTML следует использовать для табличных данных и наборов данных (входных и выходных), которые естественным образом передаются в виде табличных данных, таких как формы. Использование их только для макета нецелесообразно.

Что касается SEO и Google, я считаю, что Google применяет ту же логику, что и выше, в любом случае вложение текстовой информации глубоко в такую ​​структуру, а не с соответствующей структурой с использованием заголовков и абзацев, работает лучше.


0

На странице SEO связан с контентом (качество, свежесть, полезность) и тем, как он заключен в элементы HTML.

Обтекание / составление HTML - это выбор правильных тегов для контента. Это просто не имеет смысла, например, оборачивать весь текст в один элемент h1, вы просто помещаете текст в форму без поля и кнопки отправки.

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

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


0

HTML таблицы отлично подходят для SEO.

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

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

Мне действительно все равно, для чего предназначен тег, меня интересуют результаты.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.