Modificare dimensiune heading-uri in Wordpress

Salutări,
Am o întrebare legată de formatarea heading-urilor în Wordpress. Menționez că am căutat și pe forum și pe Google, am găsit teoretic răspunsuri, dar în practică eșuez...
Am un site cu temă wordpress (Discover) pe care învăț SEO. Am citit peste tot că heading-urile sunt importante, același lucru mi-l spune și plugin-ul SEO Yoast pe care îl folosesc. Vreau să formatez anumite secțiuni ale textului, însă dacă folosesc H1 dimensiunea textului e grotescă, așa că sunt nevoit să folosesc doar H5 și H6, ca să arate pagina omenește. Nu m-ar deranja neapărat acest lucru, dar nu știu cât de bine îi arată robotului un text care de la paragraf sare la H5 și din acest motiv vreau să setez o dimensiune normală pentru H1. Am schimbat atributele H1, H2, H3 și H4 în style.css dar în pagină nu apare nici o modificare.
Acum, întrebările mele sunt două la număr:
- are rost să mă stresez să schimb dimensiunea H1 ca să-l pot folosi? Sau impactul succesiunii Paragraf - H5 - H6 asupra activității roboților e suficient de mic încât să nu-mi bat capul?
- dacă are rost să mă stresez, atunci cum să fac acest lucru?

În style.css am modificat atributele după cum urmează:

h1 { font-weight: normal; font-size:12px; line-height:12px; }
h2 { font-weight: normal; font-size:11px; line-height:11px; }
h3 { font-weight: normal; font-size:10px; line-height:10px; }
h4 { font-weight: normal; font-size:9px; line-height:9px; }

H5 și H6 nu le-am găsit niciunde.

Eu iti recomand sa folosesti H2 in momentul de fata + un cuvant cheie introdus. Sa nu folosesti niciodata un cuvant cheie in H1 deoarece iti poate face mai mult rau decat bine.

H5 si H6 le implementezi tu.

ex:
h5 { font-weight: normal; font-size: 9px; line-height: 9px; }
h6 { font-weight: normal; font-size: 8px; line-height: 8px; }

Merci de recomandare, sunt curios si de argumentatia aferenta, sau un link cu sursa ideii.
Referitor la heading-uri, H5 si H6 sunt cele cu care nu am probleme. Problema e ca nu mi se modifica dimensiunea la H1, H2, H3, H4, desi fisierul e formatat dupa cum se vede in primul post. Diferenta intre ce ai scris tu si ce am eu e spatiul de dupa ":", insa am incercat si cu spatiu si nu a avut nici un efect.

Citat:

---

Postat în original de vlad popovici

Merci de recomandare, sunt curios si de argumentatia aferenta, sau un link cu sursa ideii.
Referitor la heading-uri, H5 si H6 sunt cele cu care nu am probleme. Problema e ca nu mi se modifica dimensiunea la H1, H2, H3, H4, desi fisierul e formatat dupa cum se vede in primul post. Diferenta intre ce ai scris tu si ce am eu e spatiul de dupa ":", insa am incercat si cu spatiu si nu a avut nici un efect.

---

Revin maine cu un raspuns deoarece nu prea am timp in momentul acesta ;)

Foloseste un H1 pe pagina pentru titlu si H2, H3, etc pentru subtitluri. Nu iti fa griji de folosirea cuvintelor cheie in heading-uri.

Multumesc, dar nu asta e raspunsul la intrebarea mea.
Reintreb, foarte simplu: cum fac sa formatez H1, H2, H3 etc. ca sa imi apara H1 (de exemplu) de 16 pixeli, nu de 30 pixeli. Am incercat din style.css si nu a functionat (adica nu a avut nici un efect, puteam scrie 0 pixeli si tot de 30 ramanea H1). Am dat mai sus exemplu. Mai trebuie modificate de undeva dimensiunile? Poate ar fi mai bine sa intreb pe un forum de webdesign... Ma gandeam ca totusi, cineva dintre cei cu experienta a avut vreodata aceasta curiozitate, sa-si modifice dimensiunea heading-urilor.

Salut Vlad

In primul rand sunt headings, nu header. Header e divul ala de sus. :)

In al doilea rand din style.css se modifica. Da;mi un pm cu un mail ceva si trimite-mi style.css.

Poate ca nu editezi fisierul style.css care trebuie. In wordpress, fisierul trebuie sa fie in directorul wp-content/themes/Numele temei tale/. Fiecare tema are propriul fisier style.css.

ptr. Catalin Cerga: "In primul rand sunt headings, nu header. Header e divul ala de sus." - Nu cred ca am folosit in nici un loc header in loc de headings /heading-uri. Cunosc diferenta dintre ele. Mai astept 1-2 zile si te deranjez daca pana atunci nu reusesc - sunt de principiul ca cel mai bine inveti singur si ca nu rupi din timpul altuia decat dupa ce ai epuizat toate solutiile.

ptr. Vicarious. Editez fisierul .css care trebuie pentru ca l-am accesat din Dashboard-ul wordpress, prin tema respectiva, deci nu aveam cum sa accesez alt fisier. Dar pentru orice eventualitate l-am verificat si prin cPanel (asa cum ai sugerat) si este fisierul corect. Pur si simplu editarea, dintr-un motiv sau altul, nu functioneaza.

P.S. am folosit initial "arond"CC si "arond"V si mi-a aparut acest mesaj: "An error has occurred vlad popovici! You must be a registered member for at least 30 days in order to post links. You are a registered member since 21 days". Totusi... "arond" nu este un link.

Foloseste Firebug ca sa vezi modificarile in timp real. Uita-te la url-ul css-ului, vizibil in Firebug. E posibil sa editezi alt fisier. Vezi sa nu ai activat pluginul de cache.

Daca folosesti Chrome, click dreapta pe heading -> Inspect element -> vezi in dreapta la Styles de unde isi ia setarile respective (ai optiuni similare in IE si Firefox, doar ca nu mai stiu cum se numesc).

Pe de alta parte, e posibil sa editezi fisierul corect, dar nu si linia care trebuie. Poti sa ai "h1 { font-size: 10px; }" si apoi "#id/.clasa h1 { font-size: 10px; }", caz in care a doua linie este folosita (cu exceptia cazului cand se foloseste atributul "!important").

Mii de multumiri! Am folosit sugestiile lui "aliens" si am gasit pana la urma de unde isi luau heading-urile atributele. In cazul meu era din foundation.css.
Din nou, multumiri!

Cu placere Vlad! Cu toate astea insa, fisierul de baza al temei (fie ca e style.css, app.css sau ceva de genul) ar trebui sa aiba prioritate peste fisiere de genul foundation.css sau bootstrap.css. Ciudat. Depinde si de tema desigur.

Citat:

---

Postat în original de aliens

Daca folosesti Chrome, click dreapta pe heading -> Inspect element -> vezi in dreapta la Styles de unde isi ia setarile respective (ai optiuni similare in IE si Firefox, doar ca nu mai stiu cum se numesc).

---

Pentru cei care vor citi in viitor acest topic si folosesc Mozilla Firefox, e acelasi lucru valabil, click dreapta -> inspect element, in partea stanga ai codul php/html iar in dreapta css-ul aferent, daca dai click pe un element din pagina iti va selecta codul aferent acestuia.