Использовать тег p внутри тега div для текста?


11

Что лучше с точки зрения SEO?

<div class="box1" >
      <p> A bunch of text right here</p>
</div>

или же

<div class"box1" >
A bunch of text right here
</div>

В box1 div применено много CSS, поэтому, чтобы текст выглядел как / где я хочу, я оберну его в этом div. этот div, в частности, имеет только текст. Но для целей SEO лучше использовать тег p внутри div или просто использовать текст непосредственно в div?

Результат одинаковый (визуально).

PS: я понимаю, что общая идея заключается в том, что p больше подходит для seo, чем для div (или, по крайней мере, это то, что я слышал. Пожалуйста, поправьте меня, если я здесь не прав). Но в этом случае мой текст на этой странице будет отображаться в разных контейнерах на экране для лучшего просмотра. я должен использовать текст внутри div или я должен использовать текст внутри тега p и тег p внутри div для лучшего SEO?

Ответы:


16

Между двумя вариантами нет никакой разницы для SEO. Кстати, ваш вопрос не о SEO, а о семантике HTML.

Уважать HTML семантическим и в отличие от вас думать, тег существует для отображения абзацев текста , а не текст. Но в целом тексты отображаются на странице через абзацы. Вот почему вы можете использовать тег внутри HTML-элемента, но семантически это не обязательство.<p><p><div>

Поэтому мой ответ на ваш вопрос: для SEO нет никакой разницы, просто используйте <p>внутри <div>элемента, если ваш текст разделен на абзацы.


3
Вы ответили на мой вопрос, и я также узнал что-то новое. Спасибо за помощь новичку :)
ClawDuda

2
Для SEO нет никакой разницы или, если говорить более осторожно, нет никакой известной причины, по которой pразметка будет иметь значение. Вопрос был о SEO. Здесь нет причин поднимать вопрос о «семантике», и это будет очень туманная тема; Например, у HTML5 есть свои собственные идеи p, которые могут показаться довольно отличными от HTML 4 (а w3schools - это худшее место для консультаций по этому вопросу или другие).
Юкка К. Корпела

1
Пожалуйста, используйте лучший источник для документации: хотя w3schools в этом случае прав, я бы с осторожностью поделился их ссылками. Я бы использовал это из MDN: developer.mozilla.org/en-US/docs/Web/HTML/Element/p
STT LCU,

1
Хорошо, ребята, я изменил ссылку на www.w3.org.
Зистолоен

1
Если w3schools ошибается, не связывайтесь с ними. Когда w3schools делает это правильно, не связывайтесь с ними. Странная логика
Мэтт К

2

Во-первых, я бы взял все <p>это более актуально для SEO, чем<div> с большим количеством соли. SEO действительно заботится только об актуальности контента. Ввод текста в a <div>или в a <p>- это не то, что вы должны изменить. Просто перейдите к тому, что является естественным использованием.

<div>в значительной степени означает «это раздел контента», а <p>«это абзац». Лично я просто использую, так <div>как он не имеет внутреннего форматирования ни в одном браузере, но <p>имеет некоторое специфичное для браузера форматирование (поля и т. Д.), Которые могут заставить вещи выглядеть по-разному в зависимости от браузера (если вы не используете CSS «очиститель»). Кроме того, <p>внутри <div>добавляется HTML, который делает страницы немного больше, и, таким образом, будет просканировано меньше страниц за один цикл сканирования.

Беспокойство о содержании, не столько о том, как писать HTML, а о том, что поисковым системам нравится.


2

Насколько мне известно, это имеет значение по очень простой причине:

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

Я был на курсе Google, где «эксперт» рассказал нам об этом принципе и о том, что Google использует тот же трюк (см., Первое предложение нового параграфа важно). С учетом того, что у вас в голове, все будет divиначе, если вы используете или p. Это увеличит / уменьшит ваш PageRank на 8? Нет. Но дьявол кроется в деталях.

Кроме того, вы получаете очки за использование sementic html. Использование P для абзацев поможет этому принципу.


В вашем примере вы пропустите 3-е, и IMO правильное решение:

<p class="box1"> A bunch of text right here</p>

Вы удаляете div и передаете класс абзацу. Неважно, как вы используете свой HTML. Ненужные элементы замедляют работу страницы, что влияет на PR.


1

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

Пример: у меня была страница на трех языках (три разных домена) только с мета-заголовком. В результатах поиска Google мета-описание было алфавитом навигации, который я использовал для категорий на этой странице, а не текстом выше! (алфавит был внутри тега h2 для стилизации шрифта). Я включил текст в тег p, пошел в консоль поиска Google, попросил проиндексировать URL-адреса, и в следующий раз, когда я проверял результаты поиска Google, я мог видеть первые 2 строки моего текста (во всех трех доменах). Без добавления каких-либо мета-описаний.

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

Доверьтесь мне; Я учился на своих ошибках.


0

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


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

0

Абсолютно без разницы с точки зрения SEO. Оба одинаковы! Функция SEO-страниц заключается в том, что они будут отдавать больший приоритет таким тегам, как h1, h2 ..etc. 'div - это просто элементы уровня блока, используемые для целей HTMLisation. Не предлагает никакого вклада в оптимизацию SEO.

С точки зрения семантики, важно избегать таких сбоев, которые могут затруднить обработку DOM браузером.


-3

Как правило, SEO дает значение только для тегов заголовков ( <h1>, <h2>, <h3>, <h4>, <h5>и <h6>). Так что не нужно беспокоиться о <p>и <div>тегов.


1
Я думаю, вам нужно освежить свои знания SEO, похоже, вы отбрасываете много (легких) очков :)
Martijn
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.