Użyć znacznika p wewnątrz znacznika div dla tekstu?


12

Co jest lepsze pod względem SEO?

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

lub

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

box1 div ma dużo css, więc aby tekst wyglądał jak / gdzie chcę, zawiń go w tym div. ten div w szczególności ma tylko tekst. Ale czy do celów SEO lepiej jest użyć znacznika p wewnątrz div, czy po prostu użyć tekstu bezpośrednio w div?

Wynik jest taki sam (wizualnie).

PS: Rozumiem, że ogólną ideą jest to, że p jest bardziej odpowiedni dla seo niż div (a przynajmniej tak słyszałem. Proszę mnie poprawić, jeśli się tutaj mylę). Ale w tym przypadku mój tekst na tej stronie będzie wyświetlany w różnych pojemnikach na ekranie dla lepszego wyglądu. czy powinienem używać tekstu wewnątrz div, czy powinienem używać tekstu wewnątrz tagu p i tagu p wewnątrz div dla lepszego SEO?

Odpowiedzi:


16

Pomiędzy dwiema opcjami SEO nie ma różnicy. Nawiasem mówiąc, twoje pytanie nie dotyczy SEO, ale semantycznego HTML.

Szanować i semantyczny HTML przeciwieństwie uważasz, tag istnieje wyświetlania akapity tekstu , a nie tekst. Ale ogólnie teksty są wyświetlane na stronie w akapitach. Dlatego możesz używać znacznika wewnątrz elementu HTML, ale semantycznie nie jest to obowiązek.<p><p><div>

Dlatego moja odpowiedź na twoje pytanie brzmi: SEO nie ma różnicy, po prostu użyj <p>wewnątrz <div>elementu, jeśli twój tekst jest podzielony na akapity.


3
odpowiedziałeś na moje pytanie, a także nauczyłem się czegoś nowego. Dzięki za pomoc nowicjuszowi :)
ClawDuda

2
SEO nie ma różnicy lub, mówiąc bardziej ostrożnie, nie ma znanego powodu, dla którego pznaczniki miałyby znaczenie. Pytanie było o SEO. Nie ma powodu, aby zadawać pytanie o „semantykę” tutaj, i byłby to bardzo mglisty temat; np. HTML5 ma swoje własne pomysły p, które mogą być postrzegane jako raczej odmienne od HTML 4 (a w3schools to najgorsze miejsce na konsultacje w tej lub innych kwestiach).
Jukka K. Korpela

1
Proszę użyć lepszego źródła dokumentacji: podczas gdy w3schools ma w tym przypadku rację, ostrożnie dzielę się linkami. Użyłbym tego, z MDN: developer.mozilla.org/en-US/docs/Web/HTML/Element/p
STT LCU

1
Okej, zmieniłem link na www.w3.org.
Zistoloen,

1
Kiedy w3schools popełni błąd, nie łącz z nimi linków. Kiedy w3schools zrobi to dobrze, nie linkuj do nich. To dziwna logika.
Matt K

2

Po pierwsze, wziąłbym wszystko, co <p>jest bardziej odpowiednie dla SEO niż<div> z dużą ilością soli. SEO naprawdę dba tylko o trafność treści. Umieszczanie tekstu w a <div>lub w a <p>nie jest czymś, co powinieneś poprawić. Po prostu przejdź do naturalnego zastosowania.

<div>właściwie oznacza „to jest sekcja treści”, podczas gdy <p>„to jest akapit”. Osobiście używam po prostu, <div>ponieważ nie ma wewnętrznego formatowania w żadnej przeglądarce, podczas gdy <p>ma pewne formatowanie specyficzne dla przeglądarki (marginesy itp.), Które mogą sprawiać, że wyglądają inaczej w zależności od przeglądarki (chyba że używasz CSS „czystszego”). Ponadto <p>wewnątrz <div>dodaje HTML, który sprawia, że ​​strony są nieco większe, a zatem mniej stron byłoby indeksowanych na raz podczas jednego „przeszukiwania” przeszukiwacza.

Martw się o treść, a nie o to, jak napisać HTML, więc wyszukiwarki „lubią to”.


2

Według mojej wiedzy ma to znaczenie z bardzo prostego powodu:

Div to skrót, po prostu część / blok na twojej stronie internetowej, gdzie akapit jest przeznaczony dla tekstu. W czymś takim jak artykuł prasowy ważne jest pierwsze zdanie akapitu (przynajmniej w języku holenderskim). Zawiera istotne informacje na temat tego, o czym jest ten akapit (tylko pomyśl o tym, za każdym razem, gdy zaczynasz nowy pod-temat, tworzysz nowy akapit, w którym ważne jest pierwsze zdanie).

Byłem na kursie Google, gdzie „ekspert” powiedział nam o tej zasadzie i że Google ma tę samą sztuczkę (patrz, pierwsze zdanie nowego akapitu jest ważne). Mając to na uwadze, różni się, jeśli używasz divlub p. Czy to zwiększy / zmniejszy twój PageRank o 8? Nie. Ale diabeł tkwi w szczegółach.

Dostajesz także punkty za korzystanie z sementic html. Użycie P dla akapitów pomogłoby tej zasadzie.


W twoim przykładzie brakuje 3. i IMO właściwego rozwiązania:

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

Usuwasz div i nadajesz klasie akapit. Nie ma znaczenia, jak używasz swojego HTML. Niepotrzebne elementy powodują spowolnienie (er) strony, co wpływa na PR.


1

Zastosowanie znacznika p ma znaczenie! Poza innymi okazjami widziałem, że gdy nie ma meta opisu strony, a Google domyślnie go tworzy, używa dowolnego elementu, który bardziej przypomina tekst.

Przykład: miałem stronę w trzech językach (trzy różne domeny) z tylko tytułem meta. W wynikach wyszukiwania Google metaopis był alfabetem nawigacyjnym, którego używałem dla kategorii na tej stronie, a nie powyższym tekstem! (alfabet był wewnątrz znacznika h2 do celów stylizacji czcionek). Umieściłem tekst w tagu p, poszedłem do Google Search Console, poprosiłem o indeksowanie adresów URL i następnym razem, gdy sprawdziłem w wynikach wyszukiwania Google, zobaczyłem pierwsze 2 wiersze mojego tekstu (we wszystkich trzech domenach). Bez dodawania żadnych opisów meta.

PS W przypadku zepsutej strony tekst będzie nadal wyświetlany, jeśli znajduje się wewnątrz tagu ap. W przeciwnym razie ... chaos.

Zaufaj mi; Nauczyłem się na własnych błędach.


0

Bez różnicy z punktu widzenia SEO. Należy jednak wziąć pod uwagę semantykę i wydajność HTML. Niepotrzebne tagi HTML również wpływają na wydajność.


Proszę zwrócić uwagę na opublikowanie odpowiedzi z dodatkowymi informacjami w stosunku do tych wymienionych już w innych odpowiedziach.
Zistoloen,

0

Absolutnie nie ma różnicy z punktu widzenia SEO. Oba są takie same! Funkcjonowanie stron SEO polega na tym, że dadzą większy priorytet tagom takim jak h1, h2 ..etc. „div” to tylko elementy na poziomie bloku używane w celu HTMLization. Nie przyczynia się do optymalizacji SEO.

Z punktu widzenia semantyki ważne jest, aby unikać takich usterek, które mogą utrudniać przetwarzanie DOM przez przeglądarkę


-3

Generalnie, SEO daje wagę tylko do znaczników nagłówka ( <h1>, <h2>, <h3>, <h4>, <h5>i <h6>). Więc nie musisz się martwić <p>i <div>tagować.


1
Myślę, że musisz pogłębić swoją wiedzę SEO, wygląda na to, że wyrzucasz wiele (łatwych) punktów :)
Martijn
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.