Використовувати p тег всередині тегу div для тексту?

Що краще з точки зору 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, тому для того, щоб текст виглядав так, як / де я хочу, я загорну його в цей дів. зокрема, у цього діва є лише текст. Але для цілей SEO - краще використовувати тег p всередині div або просто використовувати текст безпосередньо у діві?

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

PS: Я розумію, що загальна думка полягає в тому, що p більше стосується seo, ніж div (або, принаймні, це те, що я чув. Будь ласка, виправте мене, якщо я тут помиляюся). Але в цьому випадку мій текст на цій сторінці буде показаний у різних контейнерах на екрані для кращого вигляду. Чи повинен я використовувати текст всередині div або я повинен використовувати текст всередині тегу p та p тег всередині div для кращого SEO?

Між двома варіантами для SEO немає різниці. До речі, ваше питання не в SEO, а в семантичному HTML.

Поважати HTML семантичним і в відміну від вас думати, тег існує для відображення абзаців тексту , а не текст. Але загалом тексти відображаються на сторінці через абзаци. Ось чому ви можете використовувати тег всередині елемента HTML, але семантично це не є обов'язком.<p><p><div>

Тому моя відповідь на ваше запитання полягає в тому, що для SEO немає різниці, просто використовуйте <p>всередині <div>елемента, якщо ваш текст розрізаний на абзаци.

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

<div>в значній мірі означає "це розділ змісту", а <p>"це абзац". Особисто я просто використовую, <div>оскільки він не має внутрішнього форматування в жодному браузері, в той час як <p>має певне для браузера форматування (поля тощо), які можуть зробити щось по-різному залежно від браузера (якщо ви не використовуєте CSS "очищувач"). Крім того, <p>всередині <div>додається HTML, який робить сторінки трохи більшими, і, таким чином, менше сторінок буде скановано одразу за кожну розгортку сканера.

Турбуйтеся про вміст, а не про те, як писати HTML, щоб пошукові системи «сподобались».

Наскільки мені відомо, це має значення з дуже простої причини:

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

Я був на курсі Google, де «експерт» розповів нам про цей принцип і про той самий фокус Google (Дивіться, перше речення нового абзацу важливо). З урахуванням того, що ви розумієте, це відрізняється, якщо ви використовуєте divабо p. Чи збільшиться / зменшиться показник сторінки на 8? Ні, але чорт у деталях.

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

У вашому прикладі ви пропускаєте 3-те, і IMO належне рішення:

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

Ви виймаєте div і надаєте класу абзац. Не має значення, як ви використовуєте свій HTML. Потрібні елементи зроблять сторінку повільною (er), що впливає на PR.

Використання p тегів має значення! Крім інших випадків, я бачив, що коли немає мета-опису для сторінки, а Google створює його за замовчуванням, він використовує будь-який елемент, схожий на текст.

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

PS У разі зламаної сторінки текст все одно відображатиметься, якщо він знаходиться всередині тегу ap. Інакше ... хаос.

Довірся мені; Я навчився на своїх помилках.

Немає різниці з точки зору SEO. Однак слід враховувати семантику та ефективність HTML. Непотрібні теги HTML також впливають на продуктивність.

Абсолютно ніякої різниці з точки зору SEO. Обидва однакові! Спосіб роботи сторінок SEO полягає в тому, що вони надаватимуть більше пріоритету тегам, таким як h1, h2 ..etc. 'div' - це просто рівні рівня елементів, які використовуються для цілей HTMLisation. Він не дає ніякого внеску в SEO оптимізацію.

З точки зору семантики важливо уникати таких глюків, які можуть перешкоджати обробці DOM браузером.

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