tag-uri de bază SEO HTML pentru optimizarea site-ului

tag-uri de bază SEO HTML pentru optimizarea site-ului

Există mai multe moduri de a promova site-ul. Și un bun SEO știu toate aceste moduri, bine, sau cel puțin cea mai mare parte. Top SEO se agață de orice oportunitate care poate afecta pozitiv Topul motor de căutare. Astăzi, vom discuta despre un alt mod de a îmbunătăți performanța resursei. Este vorba despre validitatea codului HTML.

Pentru mulți nu noi, dar suprafața va atinge pe ce CSS HTML și.

HTML - o abreviere de Hypertext Markup Language, care este tradus din zabugornogo, Hypertext Markup Language. Aceasta este limba standard, în care a construit marea majoritate a paginilor web de pe Internet. HTML este destul de simplu de a învăța. În special, dacă aveți nevoie doar de cunoștințe de bază de promovare a site-ului. În limbajul de marcare are un companion în fața CSS.

CSS - este limba de aspectul paginilor scrise în HTML. Ea vine de la Cascading Style Sheets, care se traduce - Cascading Style Sheets. CSS în procesul de învățare chiar mai ușor decât un limbaj de marcare. Cascading construit pe principiul atributului - valoare; atribut - valoare și așa mai departe. Captura este faptul că cele mai multe dintre aceste atribute sunt multe și toate dintre ele extrem de dificil să-și amintească. Plus este cunoștințe de limba engleză, cel puțin un vocabular larg.

Care este importanța HTML și CSS pentru SEO

Lucrul cu site-ul clientului sau de la site-ul dvs., pe care le-ați făcut la comandă, de multe ori este nevoie de a corecta ceva, să se miște, să se schimbe. Și apoi cunoștințe de bază de HTML la îndemână.

Codul Pagina următoare trebuie să fie valabile, cu alte cuvinte, să îndeplinească standardele acceptate. motorul de căutare păianjeni cunosc aceste standarde și, atunci când se confruntă cu cod invalid, nu poate recunoaște conținutul paginii și de a face concluzii proaste. Pentru excluderea paginilor din index. Pentru a înțelege corect, în cazul în care există o eroare în ea, și dacă acesta este motorul de căutare va înțelege dacă codul scris al paginii - trebuie să posede cunoștințe de bază de html și css.

Care sunt tag-uri în HTML

Multe etichete au proprietăți, și cele - valori. Proprietățile sunt scrise între paranteze pătrate eticheta de deschidere, iar valoarea specificată după = semnul în ghilimele „...“. Design-ul este după cum urmează:

Un exemplu de la blog-ul nostru:

Acest lucru înseamnă că nu va fi în continuare pentru a merge cod HTML, proprietatea lang - (. În limba engleză), limba cuvânt și în paranteze valoarea „ru-RU“, ușor de ghicit - pagina noastră HTML este scrisă în limba rusă.

Trei tag-uri principale html pe care le veți găsi în orice document

tag-uri de bază SEO în HTML

în Acesta conține două etichete principale: și .

, așa cum sa menționat mai sus, aceasta poate include o mulțime de alte etichete. Să examinăm cele mai importante care sunt utile pentru SEO:

1. titlul paginii, care este vizibilă atunci când treceți peste o filă în browser. De asemenea, un titlu condus fragment în rezultatele căutării. Una dintre cele mai importante pentru optimizarea SEO de tag-uri HTML.</p> <p>2. tag-ul <meta> numita meta tag-ul, suntem interesați de proprietățile sale. <Meta name = "description" content = „>Descriere pagină, folosit de multe ori un motor de căutare în formarea fragmentului. Uneori descriere fragmentul sunt fragmente de text în pagină, mai potrivite pentru fraza de utilizator solicitate.</p> <p>Deci, ne-am indicat cele două proprietăți.</p> <ul> <li>name = „description“ - înseamnă că următoarea proprietate</li> <li>content = "...", o descriere. Atunci când conținutul = „...“ conține textul descrierii.</li> <li>Notă - tag-ul nepereche.</li> </ul> <p>3. <link> responsabil pentru comunicarea cu fișiere externe, cum ar fi fonturi și mai multe stiluri. Ca și în cazul altor tag-uri, are un număr de atribute. Conectează fișier cu stiluri puteți utiliza structura:</p> <p>Proiectare, în cazul în care rel = atribut și proprietățile sale „stylesheet“ (care se traduce ca - stylesheet)</p> <p>4. Etichetă Atribut <link> numit Canonical. Design-ul este după cum urmează:</p> <h2>Tag-uri în corpul documentului <body>. </body></h2> <p>După cum sa menționat deja, în <body> Este vizibil informațiile vizitatorilor. Mai departe direct la punctul principal:</p> <ol> <li>Tag-uri H1. h6. Această pagină antete care împart sensul textului. crawlerele motorului de căutare dragoste atunci când pagina este structurată și încadrată. Utilizați numai pe o singură pagină titlu și el ar trebui să fie primul (mai ales) pe pagina. Ulterior subtitluri pot fi folosite de mai multe ori, dar este important ca acestea au fost de gând să ia transformă. din <h2> la <h6>. Cel mai frecvent utilizat de toate cele trei tipuri de antete: <h1>, <h2> și <h3>.</li> <li>Efectuarea de text. Pentru a rupe textul în paragrafe, utilizați tag-ul <p>. </p>.</li> <li>În text cu caractere aldine <strong> Text Text Text </strong></li> <li>cursiv: <em> Text Text Text </em></li> <li><ul>. </ul> începutul și sfârșitul unei liste cu marcatori.</li> <li><li>. </li> line în listă.</li> <li><ol>. </ol> line numerotate.</li> <li>Imagini. Pentru a adăuga o imagine trebuie să utilizați tag-ul <img> și atributele sale src și alt. Design-ul este după cum urmează:</li> </ol> <p>9. Link-uri. În bună, toate trimiterile trebuie să fie marcate cu următoarea structură:</p> <p>10. Una dintre cele mai populare tag-uri <div>. </div>. Acest strat, care poate specifica anumite opțiuni de afișare pe pagina folosind clasa atribut = „valoare“. Deci, tot ceea ce este situat între <div> și </div> va adopta aceste setări.</p> <h2>Sfaturi utile pentru SEO html</h2> <p>Unele puncte importante care nu au fost incluse în articolul principal:</p> <ul> <li>Închideți întotdeauna etichetele pereche. Nu orice etichetă de închidere poate duce la faptul că toate codurile ulterioare nu vor fi înțelese de către motorul de căutare păianjeni.</li> <li>Notă imbricarea corectă a etichetelor. Uneori poate arata confuz. Doar stick la principiul: </ul> <p>Mai întâi a deschis - închis ultima.</p> </li> <li>Asigurați-vă că în codul HTML nu a fost stiluri. ei alunecare, de obicei, în etichetă <style>. </style> sau alte etichete atributul style = „color. „Și așa mai departe. În cazul în care aceste linii sunt găsite în codul de client, sau site-ul dvs. - scoate stiluri în fișiere .css separate, și să le conecteze cu design-ul:</li> </ul> <p>între etichetele <head>. </head></p> <ul> <li>Scrieți toate etichetele și atributele cu litere mici</li> <li>Nu utilizați o mulțime de text este selectat, cum ar fi <strong> și <italic></li> <li>Umple atributul alt =“. „Am imagini în tag-ul <img></li> <li>Utilizați nume semnificative imagini. De exemplu,</li> <li>Verificați valabilitatea codului HTML pentru erori cu ajutorul unor servicii cum ar fi validator.w3.org</li> <li>Asigurați-vă că link-urile din meniul de navigare a fost conceput în tag-ul obișnuit <a></li> <li>Întotdeauna asigurați-vă că a existat un model consecvent de antete și pe pagina a fost singurul <h1></li> </ul> <p>articol Spune-le prietenilor:</p> </div> <div class="extra"> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/politia-rutiera-si-puterea-magica-a-web-2.html">Poliția rutieră și puterea magică a web 2</a></li> <li><a href="/articles/selectarea-unui-program-in-arta-pop-gitis.html">Selectarea unui program în arta pop - GITIS</a></li> <li><a href="/articles/fotograf-de-nunta-natalia-surinov.html">fotograf de nunta Natalia Surinov</a></li> <li><a href="/articles/branza-de-vaci-de-iaurt-inghetat-reteta-cu-o.html">Branza de vaci de iaurt inghetat - reteta cu o fotografie</a></li> <li><a href="/articles/ce-este-gresit-pe-faptul-ca-anvelopele-de-pe.html">Ce este greșit pe faptul că, anvelopele de pe masina pompat nedokacheny Club nissan iubitorii rnessa</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/reparatie-de-apartamente-la-cheie-si-bai-in.html">Reparație de apartamente la cheie, și băi în Mogilev</a></li> <li><a href="/articles/2-ghicitori.html">2 Ghicitori</a></li> <li><a href="/articles/cum-pentru-a-juca-sac-saci-trageti-hand-made.html">Cum pentru a juca sac - saci trageți - hand-made</a></li> <li><a href="/articles/legea-cu-privire-la-fumat.html">Legea cu privire la fumat</a></li> <li><a href="/articles/de-ce-avem-nevoie-de-pietris.html">De ce avem nevoie de pietriș</a></li> <li><a href="/articles/tavane-gips-carton-duplex-cu-iluminare.html">tavane gips-carton duplex cu iluminare</a></li> </ul> <br> <a href="/privacy.html">Politica de confidențialitate</a> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2024</p> <br> <ul> <li><a href="/articles/ceea-ce-distinge-cererea-pentru-recuperarea.html">Ceea ce distinge cererea pentru recuperarea pensiei alimentare pentru copil de la (a se vedea</a></li> <li><a href="/articles/infuzia-de-coaja-de-stejar-utilizarea-baza-de.html">Infuzia de coaja de stejar, utilizarea baza de prescriptie medicala - populare asupra sănătății</a></li> <li><a href="/articles/krechinsky-de-nunta-1975-info-film-scenariu.html">Krechinsky de nunta (1975) - Info Film - scenariu</a></li> <li><a href="/articles/plafon-suspendat-in-hol-8-poze.html">plafon suspendat în hol (8 poze)</a></li> <li><a href="/articles/pe-masura-ce-mai-greu-momelii-filare.html">Pe măsură ce mai greu momelii filare</a></li> <li><a href="/articles/exfolierea-pete-de-pigment-de-la-recenzii-la.html">Exfolierea pete de pigment de la recenzii la domiciliu, rețete - viața mea</a></li> <li><a href="/articles/carlos-castaneda-realitate-speciala-pagina-7.html">Carlos Castaneda - realitate specială - pagina 7</a></li> </ul> </div> </footer></div> </body> </html>