С CSS я должен использовать тег p для переноса текста или будет достаточно div? - PullRequest
9 голосов
/ 07 июня 2010

Как видно из заголовка, было бы лучше обернуть текст, используя <div> или <p>.Что лучше подойдет для SEO?

Ответы [ 9 ]

12 голосов
/ 07 июня 2010

Семантически, вы всегда должны использовать <p> для хранения любого «содержимого» текста в теле вашей страницы. Аналогично, заголовки всегда должны указываться в <h1>, <h2> и т. Д. Используйте <div> только для целей макета и позиционирования (например, в качестве обертки вокруг основной части содержимого, боковых панелей и т. Д.).

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

7 голосов
/ 07 июня 2010

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

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

Не используйте один и тот же элемент по тем же причинам.у каждого своя судьба.

3 голосов
/ 07 июня 2010

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

<h1> теги обрабатываются иначе, чем <h2>, <h3> и так далее. тег <div> поместит ваш контент в один ряд с другим тегом div.

Я бы выбрал <p> вместо <div>, если содержание «важно», связано с тем, что представляет собой ваш сайт, и имеет шанс внести свой вклад в ваше SEO.

1 голос
/ 07 июня 2010

Вы всегда должны использовать правильный тег для работы.

<div> используется для разделения страницы на логические разделы.<p> для абзацев текста.<h1> - <h6> используются для заголовков.<ul> и <ol> представляют списки данных.<table> и это дети для табличных данных.<form> для форм и т. Д.

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

0 голосов
/ 07 июня 2010

p будет в порядке / но я предпочитаю использовать это в тегах html5 / заголовок, навигация, раздел, и т. Д.

0 голосов
/ 07 июня 2010

Пока речь идет только об переносе слов, они одинаковы. Вы можете установить CSS-атрибут word-wrap с помощью break-word для принудительного переноса слов, см. кросс-браузерное решение здесь . Вы можете даже сделать перенос слов или оправдание, используя this lib .

Привет.

0 голосов
/ 07 июня 2010

вы должны использовать один из них, если вы используете <P>, чем не используете wrap они оба одинаковы, и никто не лучше для SEO, потому что HTML и CSS-код не имеют значения для SEO. Если html тэги или css name могут сделать сайт лучше, чем seo, не имеют значения, потому что на всех сайтах есть html тэги. что alt и title могут сделать ваш сайт в соответствии с seo. поэтому вы должны использовать один из них в соответствии с вашими предпочтениями. <p> или wrap

0 голосов
/ 07 июня 2010

Семантически, p должен представлять собой абзац, а div - произвольное (под) деление - однако практически различие между ними нечеткое и, конечно, не имеет значения для целей SEO.

0 голосов
/ 07 июня 2010

Насколько я знаю, для SEO это не имеет значения, p будет в порядке.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...