Cea mai mare parte a conținutului prezentat pe Internet sunt pagini web. Din punct de vedere istoric, acesta este primul tip de documente destinat plasării într-un spațiu de rețea virtuală, dar și-a păstrat relevanța până în prezent și practic nu are formate concurente. Care este structura paginilor web? Ce instrumente de dezvoltare web sunt folosite pentru a le crea?
Ce este o pagină Web?
„Enumerați elementele principale ale unei pagini Web”, ne spune examinatorul într-o lecție de informatică. Ce putem să-i spunem în schimb? În primul rând, să vorbim despre ce este în principiu o pagină web.
Conform definiției general acceptate în rândul profesioniștilor IT, acesta este un document care este destinat a fi deschis într-un program specializat - un browser și care conține date pentru a fi afișate pe ecranul unui computer folosind tipul adecvat de software cu conținut util variat - texte, link-uri, grafice, videoclipuri, muzică etc. O pagină web este un document text. Datele corespunzătoare pentru browser sunt literele, cifrele și caracterele speciale folosite ca elemente ale limbajului de marcare - HTML. Cu ajutorul acestuia, creatorul paginii web „explica” browserului cum să afișeze pe ecran acest sau acel conținut.
Locul și rolul paginilor web în structura site-urilor
Ați spune că o pagină Web este componenta principală a unui site web? Acest lucru este parțial adevărat. Cu toate acestea, așa cum am menționat mai sus, o pagină web este doar un document text. Site-ul, de regulă, conține, de asemenea, imagini, videoclipuri și alte elemente multimedia. Pagina web nu le poate conține, dar în structura sa poate conține link-uri către ele. Astfel, pagina web poate fi numită componenta principală a site-ului în ceea ce privește rolul dominant în afișarea conținutului virtual către utilizatori.
În cazuri rare, desigur, documentul în cauză va fi singura componentă a site-ului - dacă dintr-un motiv oarecare nu prevede afișarea de elemente grafice, video și alte elemente multimedia. În special, cele mai vechi site-uri – când au apărut pentru prima dată limbajele de marcare pentru paginile web – nu includeau conținut relevant. În fața ochilor utilizatorului era doar text și linkuri.
Principiul folosirii hipertextului
Deci, o pagină Web este un document scris în limbajul HTML, cu ajutorul căruia se realizează marcarea hipertextului. Dar ce este acest fenomen? Ce este hipertextul? Fără a intra în teorie, observăm că acesta este un text care într-un fel sau altul vă permite să accesați rapid altul - prin link-uri. Într-o carte obișnuită, acest lucru este imposibil - există un „text simplu”. Pentru a avea acces la pagina dorită, cititorul trebuie să facă mai multe ture, citind înainte de aceasta conținutul sau notele de subsol. În modul „hipertext”, partea principală a muncii este realizată de computer - datorită informațiilor reflectate în elementele HTML ale paginii.
Dacă un profesor de informatică ne spune: „Enumerați elementele principale ale unei pagini web”, atunci putem începe destul de corect să spunem despre componentele documentului corespunzător, care sunt create folosind limbajul de marcare HTML. Prin urmare, pentru început, să ne uităm la câteva puncte teoretice referitoare la HTML.
Structura HTML: etichete
Cum citește un browser datele necesare despre o pagină web dintr-un document HTML? Foarte simplu.
Elementele principale ale acestui limbaj sunt etichetele. În cele mai multe cazuri, sunt împerecheate - există una de deschidere și una de închidere. Primele sunt indicate doar cu paranteze unghiulare. Cele doua sunt similare, dar înainte de a doua paranteză există o bară oblică - caracterul /. Browserul este capabil să le recunoască și, prin urmare, afișează conținutul paginilor web fără probleme în conformitate cu algoritmii creați de dezvoltatorul documentului.
Eticheta de deschidere este de obicei scrisă cu majuscule, eticheta de închidere cu litere mici. Acesta este un standard care a devenit stabilit printre profesioniștii IT. Browserul va recunoaște cu siguranță comanda HTML în orice literă, dar dezvoltatorii web sunt încurajați să respecte schema de etichetare marcată. Acest lucru va face mai ușor, de exemplu, pentru alți profesioniști să revizuiască pagina web.
Atribute
Alte elemente esențiale ale limbajului HTML sunt atributele. Cu ajutorul lor, creatorul paginii web poate seta proprietățile conținutului - de exemplu, înălțimea fontului, culoarea acestuia, poziția față de pagină. Același lucru este valabil și pentru imagini, videoclipuri și alte componente multimedia. Atributele sunt scrise în eticheta de deschidere.
Conţinut
Între etichetele de început și de sfârșit se află următoarea componentă cheie a unei pagini web - conținutul. Acesta este, de fapt, chiar conținutul care ar trebui să fie afișat în fața utilizatorului pe ecran. Acesta poate fi text, link, imagine, video sau alt element multimedia.
Elemente ale paginilor web
„Deci enumerați elementele principale ale unei pagini Web, în sfârșit!” – repetă profesorul. „Cu plăcere”, – îi răspundem noi. Ce este inclus în structura tipului de documente luate în considerare? Să fim de acord că vom lua în considerare acest aspect în contextul elementelor HTML ale unei pagini web. Adică afișarea lor în browser - ceea ce vede utilizatorul pe ecran - ne va interesa într-o măsură mai mică. Ideea este că algoritmii HTML corespunzători, pe baza cărora programul afișează conținutul în același mod, pot fi diferiți. Și aceasta este particularitatea limbajului HTML: imaginea dorită pe o pagină Web poate fi afișată în diferite moduri. În același timp, acestea pot fi echivalente în ceea ce privește costurile forței de muncă ale creatorului paginii web în anumite moduri și pot presupune o cantitate diferită de efort și timp pentru implementarea lor.
Elemente pagini web: antet
Elementele standard ale unei pagini Web, oricât de surprinzător ar suna, sunt foarte puține la număr. De fapt, există doar două dintre ele - titlul și corpul principal al documentului. În același timp, fiecare dintre ele poate avea o structură destul de complexă.
Care este specificul titlului? Este situat chiar în partea de sus a paginii web. În codul HTML care generează antetul, de regulă, se presupune că se „criptează” doar textul, dar dacă este necesar, în elementul corespunzător pot fi plasate și mici inserții grafice. Și asta este, de fapt, tot ce se poate spune despre titlu. S-ar părea că rolul său în structura documentului corespunzător este nesemnificativ. Dar acesta nu este cazul. Titlurile paginilor web sunt foarte semnificative din punctul de vedere al indexării site-urilor în motoarele de căutare - Yandex, Google. Acest element trebuie să fie pe deplin relevant pentru conținutul paginii web, precum și specificul tematic al site-ului.
Cum este captat titlul unei pagini web folosind HTML? Foarte simplu. Eticheta de deschidere este scrisă mai întâi, care arată întotdeauna ca HEAD cu paranteze unghiulare, apoi conținutul titlului și apoi eticheta de închidere. Ele sunt scrise, desigur, chiar în partea de sus a documentului web.
Titlul unui document web poate include o serie de elemente suplimentare. Uneori, formatul unei pagini Web poate necesita afișarea textului într-o anumită codificare. Cum vă asigurați că un document web îndeplinește acest criteriu? Foarte simplu. Structura titlului documentului ar trebui să conțină algoritmi HTML care instruiesc browserul să folosească o codificare specifică a limbii - de exemplu, chirilic. Comenzile corespunzătoare sunt plasate în eticheta META, care, ca și altele, este deschisă și închisă.
Corpul principal al paginii web
Partea principală a documentului web este deschisă cu eticheta BODY și închisă cu elementul corespunzător, care include o bară oblică. În același timp, între etichetele de deschidere și de închidere, poate exista un număr mare de comenzi suplimentare ale limbajului de marcare hipertext. Acest lucru se datorează faptului că partea principală a paginii web conține conținutul său util - texte, link-uri, grafice, videoclipuri, diverse formulare de completat.
Fiecare dintre tipurile de conținut respective are propriile etichete. Structura părții principale a unui document web poate conține comenzi HTML, cu ajutorul cărora textul este, de asemenea, formatat - de exemplu, dând unui font o anumită culoare, dimensiune și alte proprietăți.
Să aruncăm o privire la unele dintre specificul unora dintre etichetele HTML utilizate în mod obișnuit. De fapt, ele formează și elementele principale ale paginii web.
Etichete HTML de bază
Deci, pentru a studia în detaliu care sunt elementele unei pagini Web, să studiem mai detaliat esența etichetelor HTML de bază. Pe unele dintre ele le-am prezentat deja mai sus - în special cele cu ajutorul cărora browserul citește anteturile paginilor web și determină unde se află partea principală a documentului.
Eticheta P este destul de comună. Ea, ca și alte elemente similare ale limbajului de marcare hipertext, poate fi de deschidere și de închidere. Această etichetă vă permite să formatați un singur paragraf al documentului. Puteți, de exemplu, să setați pentru acesta un anumit tip de font sau culoarea acestuia. Cu toate acestea, acest lucru se face folosind o etichetă suplimentară - FONT. În acest caz, acesta va fi plasat în interiorul celui care denotă limitele paragrafului - acest lucru vă va permite să nu propagați comanda HTML care reflectă tipul de font preferat către alte elemente ale paginii web.
Tabelele sunt create folosind eticheta TABLE. Folosind atributele corespunzătoare, puteți determina numărul necesar de coloane și rânduri, puteți stabili lățimea acestora, specificul chenarelor, dimensiunea și culoarea textului din tabel.
Eticheta IMG este responsabilă pentru procesarea imaginilor de către browser. De asemenea, vă permite să plasați diverse atribute care reglementează dimensiunea imaginii, poziția acesteia pe pagină.
Legăturile către alte documente sau fișiere web sunt indicate cu ajutorul etichetei A. De obicei, aceasta conține atribute care indică faptul că există un hyperlink în structura paginii web. În acest caz, se indică documentul, dosarul sau site-ul către care duce.
O etichetă comună este FRAMESET. Poate fi folosit pentru a împărți spațiul unei pagini web în mai multe zone - cadre. În fiecare dintre ele, puteți plasa link-uri către documente web individuale. Adică, cadrele vă permit să poziționați corect două sau mai multe pagini pe un ecran în același timp.
O poveste despre elementele cheie ale paginilor web și povestea ulterioară despre mijloacele de formatare a acestora folosind HTML - ceva ca algoritmul pentru răspunsul nostru la întrebarea pe care ne-a pus-o examinatorul. Dacă ne-a abordat, spunând „enumerați elementele principale ale unei pagini Web”, atunci noi, folosind metodologia adecvată, vom avea toate șansele să dezvăluim subiectul. Adică prin termenul „elemente” putem înțelege componentele cheie ale structurii unui document web, sau tipurile de conținut – text, imagini, tabele, cadre, link-uri, pe care webmasterul le formează folosind un instrument precum HTML.
Specificitatea instrumentelor de dezvoltare web
Pe lângă cele de mai sus, putem clarifica că există un număr mare de etichete și atribute furnizate de standardele HTML. Pe lângă HTML, dezvoltatorii web pot folosi instrumente suplimentare de formatare pentru documentele hipertext. De exemplu, folosind limbajul de scripting JavaScript, puteți crea pagini Web dinamice - adică acelea în care conținutul este actualizat constant (atât datorită acțiunilor utilizatorului însuși, cât și în conformitate cu algoritmii scriși anterior în scripturi).
Va fi util să adăugați că un dezvoltator web poate folosi limbaje de programare cu drepturi depline în munca sa, cum ar fi, de exemplu, Perl, PHP, Java, Python, cu ajutorul cărora devin posibilitățile de lucru cu documente hipertext. chiar mai larg. Necesitatea acestui lucru se poate datora faptului că domeniile de aplicare a tehnologiilor web astăzi sunt foarte diferite. Provocările cu care se confruntă dezvoltatorii de astăzi pot fi descurajante. De exemplu, uneori este necesară traducerea paginilor Web scrise în rusă în engleză. În acest caz, setul de instrumente al dezvoltatorului va fi cel mai divers.
Site-urile web diferă unele de altele:
Dimensiuni (de la câteva pagini la servere Web cu gigaocteți de informații).
Design (schema generală de culori, formatul fontului, ilustrațiile utilizate etc.).
Structură (sistem de linkuri, linkuri între pagini din cadrul site-ului, precum și linkuri către alte site-uri).
În același timp, orice pagină web este construită din elemente standard care pot fi împărțite în două grupuri:
Elemente pasive (ilustrative).
animaţie
Elemente active
câmpuri de intrare
comutatoare
Rame (ing.cadru- frame, frame) este o tehnologie care vă permite să împărțiți o pagină web în mai multe părți (ferestre) și face posibilă modificarea conținutului fiecărei părți indiferent de celelalte părți. De exemplu, cuprinsul unui site este adesea plasat într-un cadru imuabil, iar conținutul într-un altul.
Tema 9. Comunicarea electronică. Adrese de email
Poșta electronică (E-mail din engleză. Poșta electronică) este principalul tip de servicii de rețea. Mesageria este implementată prin intermediul sistemului servere de mail.
Pentru fiecare utilizator de pe serverul de mail, propriul său cutie poștală este locația de pe discul serverului în care sunt stocate mesajele de e-mail. La finalizarea înregistrării unei adrese de e-mail, utilizatorul primește un nume (login) și o parolă, prin care, ulterior, obține acces la căsuța sa poștală. Numele (login, login) cutiei poștale este dat de utilizatorul însuși. Serverul se asigură doar că numele este unic.
O adresă de e-mail este formată din două părți, separate prin semnul @ (acest semn se numește în mod obișnuit „câine”):
numele cutiei poștale ale utilizatorului (ales de el, în exemplul nostru - irina).
numele de domeniu al serverului de e-mail (în exemplul nostru - Poștă. ru) .
De exemplu, irina@ Poștă. ru
Adresele de e-mail sunt scrise fără spații folosind litere din alfabetul latin, numere sau simboluri (permis pentru utilizare).
Pe baza datelor de înregistrare ale adresei de e-mail, aCont , care conține informațiile necesare pentru a contacta serviciul poștal, inclusiv numele de utilizator (Autentificare) și parola.
Conform acestei înregistrări, serverul identifică utilizatorul.
Protecție de planificare a securității internetului
Obiectul unui atac poate fi atât informațiile transmise prin rețea, cât și un computer conectat la internet.
Este imposibil să asigurați securitatea completă atunci când utilizați Internetul, dar planificarea protecției în avans reduce semnificativ probabilitatea atacurilor. Pe măsură ce Internetul evoluează constant, apar în mod constant noi probleme de securitate, astfel încât actualizarea instrumentelor de protecție este o parte indispensabilă a menținerii sănătății unui sistem informatic.
Liniile de apărare:
Blocarea posibilelor atacuri:
Utilizați software și hardware special pentru a bloca datele nesigure și inutile.
Utilizați autentificarea și criptarea.
Reducerea surselor de risc:
Folosiți doar acele servicii de internet de care aveți cu adevărat nevoie.
Folosiți un software impecabil și păstrați-l la zi.
Configurați corect software-ul (cu cât este mai puțin permis, cu atât securitatea este mai mare).
Nu face publicitate informații despre tine pe internet.
Limitați accesul la resursele computerului dvs.
Pregătirea pentru a vă recupera după un atac:
Creați și actualizați în mod regulat copii de siguranță ale datelor dvs. de producție.
Aveți întotdeauna la îndemână distribuțiile de software.
Autentificare (de larpnaturalauthentikos- autenticitate) - confirmarea autenticităţii.
Elementele paginii web
Orice pagină web conține un anumit set de elemente standard care sunt componente necesare pentru fiecare resursă de Internet. Desigur, sortimentul și numărul de astfel de obiecte pot varia în funcție de focalizarea tematică a site-ului, de volumul de materiale publicate pe acesta, precum și de scopurile și obiectivele creatorului acestei resurse. Dispunerea unor astfel de elemente, proiectarea poziției lor relative este una dintre sarcinile principale ale web-masterului.
Primul element al unei pagini web la care ne vom uita este titlul acesteia. Poate fi realizat atât sub formă de text, cât și sub formă grafică, totuși, în ambele cazuri, ar trebui să fie situat în partea de sus a documentului. Uneori, un meniu pentru selectarea codificării chirilice și butoanele pentru trecerea de la versiunea în limba rusă la versiunea în limba engleză a site-ului sunt combinate cu titlul, dacă această resursă web este prezentată în două limbi. Direct subtitlul documentului, de regulă, este spațiul alocat pentru amplasarea unui banner publicitar. Includerea unui banner în partea superioară a unei pagini web este în cele mai multe cazuri o condiție prealabilă pentru înregistrarea unui site în serviciile de schimb de bannere - sisteme care fac publicitate unei resurse pe care ați creat-o în schimbul afișării reclamelor altor membri ai rețelei de schimb de bannere pe paginile site-ului dvs. Dimensiunea standard a bannerelor publicate sub titlul documentului este de obicei de 468x60 pixeli. Dacă utilizați un aspect de pagină static, lățimea titlului documentului dvs. va fi de aproximativ 640 de pixeli, în primul rând din cauza necesității de a vă asigura că documentul este afișat corect pe monitoare cu o rezoluție de ecran de 640x480 pixeli și pentru a evita apariția unei orizontale. bara de defilare care face dificilă vizualizarea. Evident, lățimea bannerului în acest caz va fi mult mai mică decât lățimea titlului, din cauza căreia în partea din pagină în care intenționați să alocați spațiu pentru publicitate se va forma un spațiu nealocat, care poate fi umplut. cu sigla companiei care detine acest site sau un link catre un server care implementeaza web.hosting. Desigur, un logo nu este întotdeauna necesar: de regulă, acesta este inclus într-o pagină web doar dacă site-ul are un accent comercial.
Partea principală a documentului este ocupată de așa-numitul câmp de text - zona în care se află conținutul semantic al paginii: text informativ și ilustrații. Elementele enumerate mai sunt numite și conținut (din engleză, conținut - conținut). Locația casetei de text depinde în primul rând de modul în care designerul web plasează restul documentului.
Următoarea parte obligatorie a paginii web sunt elementele de navigare - hyperlinkuri care leagă acest document cu alte secțiuni ale site-ului. Elementele de navigare pot fi executate sub formă de șiruri de text, obiecte grafice, adică butoane sau componente active, de exemplu, applet-uri Java. Acestea din urmă sunt aceleași butoane care, spre deosebire de surorile lor tradiționale, sunt capabile să reacționeze la mișcările mouse-ului, efectuând câteva acțiuni simple atunci când cursorul trece peste ele (pornirea luminii de fundal, crearea unui efect de apăsare, schimbarea formei etc.) . După cum am menționat deja în secțiunea „Postulate” de bază ale web-design-ului, elementele de navigare trebuie aranjate astfel încât să fie mereu la vedere, la îndemână, adică astfel încât utilizatorul să nu fie nevoit să deruleze pagina înapoi. dacă câmpul de text este mai multe ecrane fizice, apoi căutați legături către alte secțiuni pentru o lungă perioadă de timp. Cea mai stabilită abordare este plasarea elementelor de navigare în partea stângă a paginii.
În partea de jos a documentului, se obișnuiește să se publice informații despre dezvoltatorii site-ului și o adresă de e-mail la care vizitatorii resursei își pot trimite răspunsurile, sugestiile și dorințele proprietarilor paginii. Dacă pagina web este un document de pornire, în partea de jos a acesteia este plasat și un contor de accesări - un mic script care apelează un script CGI instalat pe server, care înregistrează fiecare deschidere a documentului în browserul utilizatorului, schimbând valoarea de indicatorul de contor. Datorită acestui fapt, web-masterul poate determina cu ușurință numărul de vizitatori care i-au vizitat pagina în orice perioadă de timp. Rețineți că contorul de vizite este setat doar pe prima pagină care este apelată la accesarea site-ului; acesta este absent în restul documentelor de resurse. De asemenea, nu este recomandat să plasați mai multe contoare diferite pe o singură pagină.
Așadar, am analizat toate componentele principale ale unei pagini web și posibila lor locație una față de alta.
În practică, este obișnuit să găsiți site-uri web în designul cărora elementele de navigare sunt poziționate de-a lungul marginii din dreapta a ecranului. În acest caz, câmpul de text este deplasat spre stânga, restul componentelor documentului sunt aranjate pe principiul esteticii maxime a combinației lor.
După cum puteți vedea din figură, logo-ul în acest caz este plasat la același nivel cu titlul documentului, iar bannerul publicitar este poziționat relativ la centrul paginii. Prin această abordare, se recomandă menținerea designului grafic al titlului, logo-ului și domeniul publicitar într-o singură culoare și stil artistic - atunci asimetria poziției acestor obiecte nu va fi atât de evidentă și nu va tăia ochii susținătorilor. a unui design estetic strict, tabular.
Elementele de navigare pot fi plasate nu numai lângă marginile din dreapta și din stânga paginii, ci și în partea de sus a documentului. Această opțiune de aspect este cea mai potrivită, în opinia mea, la crearea paginilor de pornire: în acest caz, toate obiectele paginii se încadrează armonios în lățimea specificată a tabelului invizibil, în timp ce pregătirea tabelului în sine este mult simplificată. Singurul dezavantaj al acestei abordări este necesitatea de a duplica elementele de navigare în partea de jos a documentului, deoarece la derularea verticală a paginii, acestea dispar din partea de sus a ecranului și, pentru a ajunge la ele, utilizatorul va trebui să deruleze înapoi ecranul. , ceea ce, vedeți, este foarte incomod.
Desigur, tot ceea ce s-a spus în această secțiune nu este un panaceu, ci un ghid de acțiune. Incerc sa contur doar principiile generale care se aplica la montarea structurii site-ului, decizia finala ramane intotdeauna webmaster-ului. În cele din urmă, indiferent de designul pe care îl puneți la baza viitorului dvs. proiect, rezultatul muncii dvs. va fi în continuare corect: nu există cenzură pe Internet sau orice reglementare care obligă creatorul site-ului în anumite cadre rigide. Un exemplu de soluție de proiectare care nu se încadrează în niciuna dintre categoriile de mai sus este așa-numitul aspect mixt.
După cum puteți vedea din figură, în acest exemplu, unele dintre elementele de control sunt integrate direct în titlul paginii - vorbim despre butoanele pentru comutarea între versiunile în rusă și engleză ale site-ului, precum și butoanele de navigare: aceasta poate să fie un link către adresa de e-mail a creatorilor de resurse, duplicat în documentul de jos, și un link către una dintre secțiunile tematice, de exemplu, o pagină de știri. Blocul principal de elemente de navigare este poziționat relativ la marginea din stânga a documentului, dar meniul de selecție a codificării chirilice este situat direct sub bannerul publicitar din partea de sus a paginii. Câmpul de text este împărțit în două coloane asimetrice, iar cel din dreapta conține scurte anunțuri ale titlurilor tematice care alcătuiesc resursa, inclusiv link-uri către aceste secțiuni.
Evident, poate exista o mare varietate de opțiuni pentru un aspect mixt al unei pagini web: deciziile specifice depind de numărul de secțiuni care alcătuiesc resursa, de cantitatea de text pregătită pentru plasare pe site și, în final, de imaginația designerului însuși. Este important doar ca aspectul site-ului să nu provoace plângeri din partea vizitatorilor. La urma urmei, doar tu ca dezvoltator, tu și nimeni altcineva, ai dreptul să-ți arăți toate abilitățile și talentele și să construiești pagina pe placul tău. Creatorii unor pagini de start, fără a fi chinuiți de îndoieli, plasează un contor de lovituri în colțul din dreapta sus al documentului, scriu numele site-ului cu caractere mici, mici și îl publică sub un banner publicitar și, din anumite motive, elemente de navigare apar pe neașteptate chiar în mijlocul blocului de text, între povestea despre tine și fotografiile câinelui îndrăgit al autorului proiectului. Pentru gust și culoare, după cum se spune, nu există tovarăși. Dar mie personal, această boală mi se pare incurabilă.
Orice pagină web conține un anumit set de elemente standard care sunt componente necesare pentru fiecare resursă de pe Internet. Dispunerea unor astfel de elemente, proiectarea poziției lor relative este una dintre sarcinile principale ale web-masterului.
Primul element al unei pagini web este ea rubrica... Poate fi realizat atât sub formă de text, cât și sub formă grafică, totuși, în ambele cazuri, ar trebui să fie situat în partea de sus a documentului. Uneori titlul este combinat Meniu de selecție codare chirilicăși butoane pentru trecerea de la versiunea în limba rusă la versiunea în limba engleză a site-ului dacă resursa Web dată este prezentată în două limbi.
Subtitlul documentului în sine conține de obicei spațiul rezervat pentru plasare. banner publicitar... În cele mai multe cazuri, includerea unui banner în partea superioară a unei pagini Web este o condiție prealabilă pentru înregistrarea unui site web cu servicii de schimb de bannere - sisteme care promovează o resursă pe care ați creat-o în schimbul afișării reclamelor altor membri ai rețelei de schimb de bannere. pe paginile site-ului dvs.
Partea principală a documentului este ocupată de așa-numitul câmp de text- zona in care se afla continutul semantic al paginii: text informativ informativ si ilustratii. Elementele enumerate mai sunt numite „conținut” (din engleză, conținut – conținut). Locația casetei de text depinde în primul rând de modul în care designerul web plasează restul documentului.
Următoarea parte obligatorie a paginii web este elemente de navigație- hyperlinkuri care leagă acest document cu alte secțiuni ale site-ului. Elementele de navigare pot fi executate sub formă de șiruri de text, obiecte grafice, adică butoane sau componente active
nente, cum ar fi applet-urile Java. Acestea din urmă sunt aceleași butoane care, spre deosebire de surorile lor „tradiționale”, sunt capabile să reacționeze la mișcările mouse-ului, efectuând câteva acțiuni simple atunci când cursorul trece peste ele (pornirea luminii de fundal, crearea efectului de „apăsare”, schimbarea formei). , etc.) etc.).
Cea mai stabilită abordare este plasarea elementelor de navigare în partea stângă a paginii.
În partea de jos a documentului, se obișnuiește să se publice informații despre dezvoltatorii site-ului și adresa de e-mail, conform căruia vizitatorii resursei își pot trimite răspunsurile, sugestiile și dorințele proprietarilor paginii.
Dacă pagina web este documentul de pornire, partea de jos a acestuia este de asemenea plasată Numărător de vizite- un mic script care apelează la un script CGI instalat pe server care înregistrează fiecare deschidere a unui document în browserul utilizatorului prin modificarea valorii indicatorului de contor. Nu este recomandat să plasați mai multe contoare diferite pe o pagină.
Cu toții am citit un număr mare de articole despre cum să selectăm cuvintele cheie și să compunem corect o listă a acestora, cum să folosim cuvintele cheie pentru a face un site web relevant pentru anumite interogări de căutare. Să aruncăm o privire mai atentă la problema plasării cuvintelor cheie pe paginile web.
A ști unde și cum să plasezi cuvintele cheie pe o pagină web determină succesul sau eșecul campaniei tale SEO.
Fiecare pagină web are 5 elemente în care ar trebui să plasați cuvintele cheie:
- Titlul paginii (eticheta titlu)
- Cuvinte cheie pentru pagină (cuvinte cheie metaetichete)
- Descrierea paginii (descrierea meta-etichetei)
- Text alternativ pentru imagini (etichetă Alt)
- Conținutul paginii web (etichetă corporală)
Dintre toate elementele de mai sus ale unei pagini web, cel mai important dintre toate este conținutul paginii (punctul 5). Mai multe despre asta mai târziu.
Deocamdată, să luăm această listă în ordine.
Elementul numărul 1. Titlul paginii (eticheta titlu)
Mai întâi, să ne uităm la titlul paginii (eticheta titlu). Acest element este primul și cel mai important dintre toate celelalte elemente din blocul de cap al oricărei pagini web.
Puteți vedea titlul paginii web în linia de sus a browserului de internet. Pentru a verifica acest lucru, lansați orice browser, de exemplu, Internet Explorer, Opera sau Mozilla Firefox, accesați orice site și comparați conținutul etichetei de titlu cu linia de sus din aceste browsere. Motoarele de căutare folosesc această etichetă în propriile scopuri - pentru a colecta informații despre site și a determina subiectul acestuia și, de asemenea, o folosesc în rezultatele căutării (SERP) ca denumire a paginii web.
Tine minte! Titlul unei pagini web este o scurtă descriere a acesteia.
În plus față de cele de mai sus, conținutul etichetei titlu este folosit ca titlu al paginii web atunci când este adăugat la Favorite ale browserului de internet.
Elementul numărul 2. Cuvinte cheie pentru pagină (cuvinte cheie metaetichete)
Acum să vorbim despre cuvintele cheie și metaetichetele de descriere. Cu ceva timp în urmă, au fost folosite cuvinte cheie meta-etichete la adăugarea unui site la indexul motoarelor de căutare. Dar acele zile s-au terminat. Acum motoarele de căutare pur și simplu ignoră această etichetă, deoarece sunt frecvente cazuri de utilizare a lui în scopuri „murdare”. Unele motoare de căutare acordă atenție acestei etichete pentru a determina subiectul site-ului.
Din tot ce s-a spus, rezultă că această etichetă este opțională, dar o puteți folosi numai în scopul ei imediat.
Separați cuvintele cheie cu o virgulă. Plasați cele mai importante cuvinte cheie în partea de sus a listei, apoi în ordinea descrescătoare a importanței. Motoarele de căutare au încetat să mai acorde atenție cazului în care sunt introduse cuvintele cheie, așa că acum toate cuvintele cheie pot fi introduse cu litere mici.
Elementul numărul 3. Descrierea paginii (descrierea meta-etichetei)
Eticheta meta description este un alt element al site-ului în care ar trebui plasate cuvintele cheie. Motoarele de căutare scanează această etichetă pentru prezența cuvintelor cheie în ea și, de asemenea, compară conținutul acesteia cu conținutul site-ului însuși (conținutul etichetei body). De asemenea, este foarte important ca motoarele de căutare să folosească conținutul etichetei de descriere ca descriere a paginii web în rezultatele căutării (SERP).
Această etichetă trebuie să conțină o scurtă descriere a paginii web, dar nu mai mult de 50 de cuvinte.
Elementul numărul 4. Text alternativ pentru imagini (etichetă Alt)
Alt-tag-urile sunt o descriere textuală a conținutului imaginii, de ex. dacă dintr-un motiv oarecare imaginea nu este încărcată și această imagine are alt-text, atunci acest text va fi afișat în locul imaginii.
Dacă imaginea este încărcată, iar imaginea are și alt-text, atunci o putem vedea când trecem mouse-ul peste imagine. Alt-tag-urile sunt folosite pentru confortul acelor utilizatori de Internet care, din anumite motive, nu afișează grafică.
Multe motoare de căutare indexează conținutul acestei etichete, așa că poate conține cuvinte cheie. Doar nu uitați că alt-textul ar trebui să corespundă imaginii, să o descrie, să fie echivalentul textului acesteia. Nu utilizați etichete alt pentru imaginile de marcare, cum ar fi linii de despărțire, marcatori...
Elementul numărul 5. Conținutul paginii web (etichetă corporală)
Așadar, în sfârșit, am ajuns la cel mai elementar element al site-ului - eticheta body, elementul al cărui conținut este de cel mai mare interes pentru utilizatorii de internet. Motoarele de căutare majore nu vă vor mai oferi 1 SERP doar din cauza prezenței mai multor repetări ale unui cuvânt cheie pe pagina site-ului dvs. Acolo va apărea numai pagina web care este cea mai relevantă pentru o anumită interogare de căutare.
Pentru a realiza acest lucru, ar trebui să încorporați cuvintele cheie selectate în codul paginilor web, observând frecvența de repetare a acestora. Procedați astfel: pentru fiecare pagină specifică, alegeți 1-2 cuvinte cheie și optimizați pagina corespunzătoare pentru acestea.
Imaginează-ți că pregătești o prezentare a noului tău site web sau produs. Apoi, de exemplu, diapozitivele prezentării dumneavoastră PowerPoint sunt paragrafe. Ar trebui să fie scurte și clare. La fel ca în prezentările PowerPoint, poți folosi liste pentru a enumera beneficiile site-ului sau produsului tău, concentrându-te de fiecare dată pe cuvintele cheie alese.
Încorporați cuvintele cheie selectate în cele 5 elemente de mai sus ale fiecărei pagini web și vă veți îmbunătăți pozițiile și rezultatele curente în ordine.
