Elementet semantike HTML5 përshkruani lehtësisht kuptimin ose qëllimin e tyre si për shfletuesit ashtu edhe për zhvilluesit e uebit.
Para shfaqjes së standardit HTML5, të gjitha shënimet e faqeve kryheshin kryesisht duke përdorur elementë
Standardi HTML5 siguroi elemente të reja për strukturimin, grupimin e përmbajtjes dhe shënimin e përmbajtjes tekstuale. Elementët e rinj semantikë bënë të mundur përmirësimin e strukturës së faqes së internetit, duke i shtuar kuptimin semantik përmbajtjes së mbyllur në to (ishte
Sipas specifikimit HTML5, çdo element i përket një kategorie të caktuar (zero ose më shumë). Secili prej tyre grupon elementë me karakteristika të ngjashme. Dallohen kategoritë e mëposhtme të përgjithshme:
- Meta përmbajtje
- Transmetimi i përmbajtjes
- Përmbajtja seksionale
- Përmbajtja e titullit
- Përmbajtja e tekstit
- Përmbajtja e ngulitur
- Përmbajtje interaktive
Përshkrimi i elementeve HTML5
1. Element
Kategoritë e përmbajtjes: përmbajtje transmetimi.
Grupe elemente hyrëse dhe lundruese, opsionale. Mund të përmbajë tituj, përmbajtje të seksionit të faqes së mbylljes, formularin e kërkimit ose logon. Një dokument HTML mund të përmbajë disa elementë në të njëjtën kohë
Përshkrimi i faqes
Elementi
2. Element
Kategoritë e përmbajtjes:
Projektuar për të krijuar një bllok navigimi për një faqe interneti ose një faqe interneti të tërë, pa qenë domosdoshmërisht brenda
Si elementë të shiritit të lundrimit, mund të përdorni jo vetëm artikujt e listës:
...
Ju gjithashtu mund të shtoni tituj brenda elementit:
...
3. Elementi
Kategoritë e përmbajtjes: përmbajtje transmetimi, përmbajtje seksionale.
Përdoret për të grupuar postimet - postime, artikuj, postime në blog, komente. Është një bllok i pavarur, i ripërdorshëm, që zakonisht fillon me një kokë. Mund të kopjohet në faqe të tjera të faqes dhe të përmbajë elementë të tjerë brenda
...
4. Elementi
Kategoritë e përmbajtjes: përmbajtje transmetimi, përmbajtje seksionale.
Një element përfaqëson një seksion të përgjithshëm të një dokumenti. Grupon përmbajtjen e lidhur dhe zakonisht përmban një titull. Nuk është një bllok mbështjellës, për këtë qëllim është më e përshtatshme të përdoret elementi
...
...
...
brenda
Mund të krijoni elemente prindërore
Shënime për natyrën
...
...
Shënime historike
...
...
Elementi i 5-të
Kategoritë e përmbajtjes: përmbajtje transmetimi, përmbajtje seksionale.
Grupon përmbajtjen që lidhet drejtpërdrejt me përmbajtjen përreth, por që mund të konsiderohet e ndarë (d.m.th. heqja e këtij blloku nuk do të ndikojë në kuptimin e përmbajtjes kryesore)... Më shpesh, një element pozicionohet si një shirit anësor (si në libra) dhe përfshin një grup elementësh:
6. Elementi
Kategoritë e përmbajtjes: përmbajtje transmetimi.
Përfaqëson fundin e seksionit ose elementit rrënjësor që përmban. Zakonisht përmban informacione për autorin e artikullit, informacione për të drejtën e autorit, etj. Kur përdoret si titull ose fund i faqes për një faqe të tërë, përmbajtja plotësohet me informacione për të drejtat e autorit, lidhje me kushtet e përdorimit, informacione kontakti, lidhje me përmbajtjen përkatëse dhe të ngjashme.
Një dokument ueb mund të ketë shumë elementë
7. Elementi
Kategoritë e përmbajtjes: përmbajtje transmetimi.
Përdoret për të identifikuar informacionin e kontaktit për autorin / pronarin e një dokumenti ose artikulli. Për të treguar autorin e dokumentit, etiketa vendoset brenda elementit
8. Elementi
Kategoritë e përmbajtjes: përmbajtje transmetimi.
Elementi
Elementi
qimedredhur
Rreth racës
9. Elementi
Kategoritë e përmbajtjes: përmbajtje transmetimi, përmbajtje seksionale rrënjësore.
Elementi
Elementi
10. Elementi
Elementi
11. Element
Kategoritë e përmbajtjes:
Përcakton orën (24 orë) ose datën sipas kalendarit Gregorian, me treguesin e mundshëm të zhvendosjes së orës dhe zonës kohore. Teksti i bashkangjitur në këtë etiketë nuk është stiluar nga shfletuesi. Atributi datatime është i disponueshëm për etiketën, përmbajtja e së cilës specifikon se çfarë do të shohë përdoruesi në ekranin e kompjuterit të tij:
Që data të lexohet automatikisht, duhet të jetë në formatin VYYY-MM-DD. Koha, e cila gjithashtu mund të specifikohet, specifikohet në formatin HH: MM me shtimin e prefiksit ndarës T (koha):
12. Elementi
Kategoritë e përmbajtjes: përmbajtje transmetimi, përmbajtje teksti.
Teksti i vendosur brenda një etikete , e theksuar si parazgjedhje e verdhe(Ngjyra e sfondit dhe ngjyra e shkronjave në bllokun e zgjedhur mund të ndryshohet duke vendosur disa stile css). Nëpërmjet këtë etiketë ju mund të etiketoni përmbajtje të rëndësishme si dhe fjalë kyçe.
13. Elementi
Kategoritë e përmbajtjes: përmbajtje transmetimi, përmbajtje teksti.
Ndan një pjesë teksti që duhet të izolohet nga pjesa tjetër e tekstit për formatimin e tekstit me dy drejtime. Përdoret për tekste të shkruara njëkohësisht në gjuhë të lexuara nga e majta në të djathtë dhe nga e djathta në të majtë.
14. Element
Kategoritë e përmbajtjes: përmbajtje transmetimi, përmbajtje teksti.
Etiketa e vetme, i tregon shfletuesit një vend për të shtuar një ndërprerje të gjatë të linjës nëse është e nevojshme.
15. Elemente për përshkrimin e simboleve të Azisë Lindore
Kategoritë e përmbajtjes: përmbajtje transmetimi, përmbajtje teksti.
Elementi ju lejon të shënoni një ose më shumë elementë të kategorisë së përmbajtjes së tekstit duke përdorur shënimin rubin. Shënimi rubin përdoret kryesisht në tipografinë e Azisë Lindore si një udhëzues shqiptimi ose për të përfshirë karakteristika të tjera. Një element mund të përmbajë:
- një ose më shumë nyje ose elemente teksti
- një ose më shumë elementë
Elementet
Elementi
Elementi
Cap sugjeron që numri që shkruhet në mes të faqes dhe në të mëdha është më i dukshëm. Bëjeni këtë nëse dëshironi sa më shumë që të jetë e mundur më shumë klientë ishin në gjendje të kalonin dhe të bisedonin me punonjësit e kompanisë.
Jepni kontakte të departamenteve të ndryshme
Për një kompani të madhe që merr një rrjedhë të madhe të thirrjeve të klientëve çdo ditë, ka kuptim që menjëherë të përcaktohen koordinatat e departamentit të shitjeve, mbështetjes teknike, HR dhe departamenteve të tjera. Kështu që njerëzit do të jenë në gjendje të marrin një përgjigje për një pyetje me interes më shpejt.
Faqja e internetit të Holdingut ndërkombëtar të restoranteve "Ginza Project" përmban telefonat e qendrës së thirrjeve, shërbimit PR, departamentit të burimeve njerëzore dhe departamenteve të tjera.
Në faqen e internetit " Tinkoff Bank»Përveç kontakteve të departamenteve, ka edhe të ndryshme numrat e telefonit për kategori të ndryshme klientësh: pronarë kartat e kreditit, kartat e debitit dhe kontribuesve.
Kontaktet e divizioneve rajonale nuk duhet të vendosen menjëherë në një listë të madhe. Ju mund t'i shfaqni ato vetëm duke klikuar në emrin e zyrës përfaqësuese të dëshiruar. Për shembull, si në seksionin e informacionit të kontaktit në faqen e internetit të Autolak Refinish.
"Qendra për Shkëmbime Ndërkombëtare" ka mjaft nënndarje në të gjithë botën. Përfaqësuesit e kompanisë janë të grupuar në tituj sipas vendit për kërkim i përshtatshëm numrat e telefonit dhe adresat e tyre.
Fotografitë e tabelave të dyqaneve offline në faqen e internetit të markës së veshjeve të rrugës BatNorton do t'i ndihmojnë klientët të lundrojnë në qendër dhe të gjejnë departamentin e duhur.
Kontaktet e zyrave rajonale të Sainer shfaqen në dritaret pop-up. Kjo teknikë do të çlirojë faqen e kontaktit nga informacioni i tepërt. Përdoruesi do të mund të njihet në detaje me numrin e telefonit dhe adresën e vetëm tregtarit që i nevojitet.
"Window Continent" ka dyzet e shtatë zyra përfaqësuese në Moskë. Për lehtësinë e klientëve, kontaktet postohen në faqe në tre forma: një listë, në një hartë të qytetit dhe në një hartë metroje. Në dy opsionet e fundit, informacioni i kontaktit shfaqet në një dritare kërcyese duke klikuar mbi paraqitjen e dëshiruar.
Shkruani kontaktet e punonjësve
Një person i beson një personi tjetër më shumë sesa një emër jopersonal të një kompanie të caktuar. Prandaj, na tregoni për specialistët tuaj. Tregoni se njerëz të veçantë janë përgjegjës për secilën fushë të punës së kompanisë.
Mundohuni të postoni foto të punonjësve. Mendoni se cilat fotografi do të frymëzojnë më shumë besimin e klientit? Ndoshta do të jenë foto në vendin e punës ose foto me kostume biznesi në një studio profesionale.
Trego udhëzimet
Një hartë e qartë e vendndodhjes kursen kohë për t'i shpjeguar secilit klient se si të shkojë në kompani. Dhe siguron që shumica e të ftuarve të mos humbasin.
Drejtimet e tërhequra janë të mira. Ato ofrojnë imazhe reale të ndërtesave, parqeve dhe objekteve të tjera aty pranë nga të cilat njerëzit do të udhëhiqen kur të kërkojnë për zyrën tuaj.
Sidoqoftë, mbani në mend se dhënia e drejtimeve të drejtimit të makinës është një detyrë intensive e punës. Dhe me shumë mundësi është i përshtatshëm për kompanitë që kanë pak zyra apo pika shitjeje, një ose dy.
Nëse kompania ka shumë zyra ose zyra përfaqësuese, atëherë është më e lehtë të përdoret një hartë standarde sesa një e vizatuar. Është e lehtë për ta krijuar atë në çdo konstruktor harte. Dhe për të mos rrëmuar faqen me kontakte në sit me drejtime të shumta drejtimi, ato mund të fshihen në dritaret që shfaqen.
Faqja e internetit Mary Truffle përmban udhëzime të tërhequra për në dy sallone dasmash.
Rruga e vizatuar për në dyqanin e dhuratave Presentstar tregon detajet më të vogla: nga një mace nën një pemë te alienët që vjedhin Lada.
Kontaktet e zyrave përfaqësuese “Qendra shkëmbim ndërkombëtar»Postuar në faqe në formën e një liste. Nëse klikoni në emrin e zyrës përfaqësuese, harta do të hapet në një dritare pop-up.
Në seksionin me informacionin e kontaktit në faqen e internetit të PSKB Bank, fillimisht fshihen udhëzimet për në secilën zyrë. Dhe ato shfaqen duke klikuar mbi emrin e zyrës në blloqet e zbritjes.
Në faqen e kontaktit të dyqanit online të markës Sony në një dritare kërcyese, përdoruesi zgjedh qytetin e dëshiruar. Dhe menjëherë pas kësaj, faqja shfaq informacionin përkatës të kontaktit, udhëzimet dhe përshkrimi i tekstit si për të arritur atje.
Në faqen e festivalit të automobilave "Unlim 500+", tre skema të ndryshme- udhëtimi në vendin e ngjarjes, harta auto-poligoni dhe vendndodhja e kafenesë dhe skena në kuvertën e vëzhgimit. Ti zgjedh skema e dëshiruar- përshkrimi në anën e majtë të faqes dhe harta në anën e djathtë ndryshojnë.
Në faqen e internetit të Rozovoz, informacioni i kontaktit është paraqitur në një dritare kërcyese. Dhe tashmë brenda dritares, mund të ndërroni dy blloqe informacioni: adresat e depove të luleve dhe numrin e telefonit të shërbimit të dorëzimit.
Në faqen e internetit të kompleksit rezidencial Panorama Skolkovo është e mundur të vizatoni një rrugë nga një pikë arbitrare në hartë në zyrën e shitjeve.
Përdorni hapësirën pop-up brenda hartës
Ndonjëherë në hartë duhet të tregoni adresat dhe numrat e telefonit të disa pikave në të njëjtën kohë. Por nëse shtroni të gjitha informacion kontakti menjëherë, atëherë faqja do të mbingarkohet, do të jetë e vështirë të gjesh diçka specifike.
Është i përshtatshëm për të fshehur kontaktet në dritaret pop-up që shfaqen duke klikuar në një pikë të caktuar në hartë. Mungesa e një sasie të madhe informacioni kontakti për dyqane, zyra përfaqësuese dhe zyra të ndryshme e lehtëson vizualisht faqen, është më e lehtë për të lundruar në të.
Megjithatë, ka më shumë mënyra interesante si të përdorni një copë të vogël hapesire e lire brenda dritares pop-up në hartë!
Në faqen e internetit të Holding restorantit Ginza Project, mund të ndërroni katër blloqe informacioni brenda dritares që shfaqet: adresën e restorantit, numrin e telefonit, orarin e punës dhe stacionin më të afërt të metrosë.
Në faqen e internetit Leto Bank, në një dritare që shfaqet në hartë, mund të vlerësoni punën e degës në një shkallë 5-pikëshe.
Në faqen e internetit të bazës së luleve "Të gjitha në pako" në dritaren që shfaqet, përveç adresës, numrit të telefonit dhe orarit të punës, ka edhe fotografi të çdo magazine.
Dritare kërcyese në hartën e drejtimeve për në qendrat e studimit gjuhë të huaja"J & S" ka një buton thirrje në internet, një lidhje me grupin Vkontakte dhe disa foto. Dhe gjithashtu të tilla " set standard»Si adresë, numër telefoni dhe orë pune.
Ngarko një foto të hyrjes në zyrën e kompanisë
Tregoni se si duket hyrja në zyrën e një firme. Sidomos nëse nuk keni shenjën tuaj të logos në fasadën e ndërtesës. Është më e lehtë ta shfaqësh atë një herë në një foto sesa t'ua shpjegosh klientëve me fjalë çdo herë.
Shkruani si të shkoni në zyrë
Ju lutemi jepni disa opsione për të përshkruar se si njerëzit mund të arrijnë tek ju: në këmbë, me makinë, me Transporti publik... Imagjinoni veten në vendin e një personi që zbriti nga makina e fundit e metrosë në stacionin Kaluzhskaya dhe u gjend në rrugën Profsoyuznaya për herë të parë. Ku duhet të shkojë më pas? Në cilën anë të rrugës? Ku dhe ku duhet të fiket? Na tregoni për këtë sa më shumë të jetë e mundur.
Udhëzimet e orientimit mund të vendosen të gjitha menjëherë ose të fshihen brenda blloqe informacioni zgjerohet me klikim të mausit.
Në faqen e internetit të dyqanit të dhuratave "Presentstar" ka udhëzime për alpinistët dhe shoferët.
Ju nuk mund të vini vetëm në Gazprom në këmbë, por edhe me trolejbus ose makinë. Përshkrimi i shëtitjeve dhe udhëtimeve në zyrë është paraqitur në faqen me kontakte.
Në faqen e internetit Refinish Autolaka, përshkrimet se si të shkoni në kompani me makinë ose transport publik shfaqen duke klikuar në titullin përkatës.
Faqja me kontaktet e klinikës së riprodhimit MAMA përmban jo vetëm udhëzime për përdoruesit e autobusëve trolej dhe makinave, por edhe për mysafirët jorezidentë që udhëtojnë nga stacioni i trenit ose aeroporti. Blloqe me tekste të ndryshme kaloni duke klikuar në ikonat me një makinë, autobus, tren.
Kushtojini vëmendje teksteve
Mos u mërzitni, punoni me tekstet dhe titujt në faqen e kontaktit. Një titull i mrekullueshëm do të ndalojë sytë endacakë në vendin e duhur.
Rambler thotë se ka shumë arsye për t'i shkruar atij. Por në këtë vend mund të ketë ndonjë frazë gri si "Lista e adresave të e-mail".
Marka e kapelave të thurura "Handy Hat" dëshiron të jetë më afër klientëve të saj. Ejani, thotë ai, në Vkontaktek tonë.
Në faqen me kontaktet e prodhuesit të impregnimeve dekorative "Veres" ekziston një frazë e thjeshtë që produktet janë paraqitur në më shumë se 300 qytete të Rusisë. Në këtë pikë, mund të ketë një titull standard "Përfaqësuesit tanë". Por atëherë askush nuk do ta dinte se sa e gjerë është gjeografia e aktiviteteve të kompanisë.
Vendosni një lidhje me kontaktet në seksione të tjera të faqes
“Në fundin e zi e zi, në cepin më të largët, mes një duzinë lidhjesh të tjera, fshihet e vetmja lidhje në faqe për faqen e kontaktit. Kështu që askush nuk mund ta gjejë me siguri, "- një përrallë e tmerrshme për një kompani që nuk dëshironte të dëgjonte thirrje dhe të lexonte letra nga njerëzit.
Nëse dëshironi që sa më shumë klientë të kontaktojnë, atëherë bëni lidhjen me seksionin e kontakteve sa më të dukshme. Për shembull, përdorni fotografi për të krijuar një lidhje.
Lidhja me informacionin e kontaktit aty ku është e përshtatshme. Për shembull, ju po shkruani lajmet për një leksion të ardhshëm nga një trajner i shquar biznesi në kompaninë tuaj. Është logjike të plotësohet artikulli me një lidhje për informacionin e kontaktit në mënyrë që të gjithë të mund të regjistrohen për një leksion.
Në secilën faqe të faqes së bazës së luleve "Të gjitha në pako", është qartë e dukshme një lidhje me adresat e depove.
Faqja e kontaktit është një nga ato kryesore në faqen e internetit të drejtimit tregtar. Duhet të përqendrohet jo aq shumë promovimi i motorit të kërkimit(edhe pse kjo është gjithashtu e rëndësishme), sa për informimin e plotë të vizitorëve. Informacioni i kontaktit të kompanisë është faktorët tregtarë renditja - motorët e kërkimit vlerësojnë burimin nga pikëpamja e tij avantazhet konkurruese përballë vendeve të ngjashme.
Natyrisht, faqe perfekte kontaktet nuk do të hapin një rrugë të drejtpërdrejtë drejt TOP-3, por kontributi i saj do të jetë i rëndësishëm në të gjithë strategjinë e promovimit. Në këtë artikull, ne do të shqyrtojmë se si të rregullojmë siç duhet faqen "Kontaktet" në sit në mënyrë që të marrim një plus shtesë në karmën e faqes në sytë e PS.
Disponueshmëria me 1 klikim
Faqja e kontaktit duhet të hapet me 1 klikim nga çdo faqe e burimit. Këshillohet që të vendosni një lidhje me të në pjesën e parë të dukshme të ekranit: zakonisht është menu horizontale në kokën e faqes. Ju gjithashtu mund të kopjoni lidhjen në fund të faqes në mënyrë që përdoruesi të gjejë mënyra komunikimi duke lexuar informacionin deri në fund dhe duke përfunduar në fund të faqes. Rekomandohet të vendosni një lidhje në faqen e kontaktit sa më lart në kod - kështu robot kërkimi do t'i japë një prioritet më të lartë.
Mikro të dhënat në paraqitje
Është më mirë të përfshihen atributet Schema.org në kodin HTML gjatë paraqitjes së faqes së kontaktit. Përdorimi i mikro-shënjimit të standardizuar do t'u mundësojë motorëve të kërkimit të studiojnë më mirë burimin, të marrin prej tij informacion i rendesishem dhe fokusohu tek ajo në rezultate rezultatet e kërkimit... E thënë thjesht, në fragmentin me vendosjen e duhur do të shfaqen adresa, rajoni dhe të dhëna të tjera, të cilat do të përmirësojnë shkallën e klikimeve. Motorët e kërkimit ofrojnë informacion të detajuar për përdorimin e sintaksës Schema.org në ndihmën e tyre. Përfshini gjithashtu në etiketë
Përdorimi i elementeve të kërkuar
Faqja e kontaktit duhet të përmbajë listën e plotë mënyrat për të kontaktuar kompaninë (përfshirë adresën fizike), informacion mbi orët e punës. Jepuni klientëve tuaj sa më shumë informacion të jetë e mundur dhe do të keni më pak kohë për t'iu përgjigjur pyetjeve budallaqe se si të telefononi departamentin e shitjeve ose në cilën adresë të dërgoni një kërkesë shitje. Elementet e detyrueshme të faqes "Kontaktet":
- numri i telefonit me kodin e zonës (numri i qytetit është gjithmonë i preferuar se celulari). Edhe më mirë - nëse kompania përdor numër pa pagesë me kodin 8 (800). Numrat celularë duhet të jenë dytësorë, jo parësorë. Nuk do të dëmtonte të tregonte numrat e specialistëve kryesorë të kompanisë;
- adresa - ju duhet të tregoni aktuale adresa postare me një indeks. Kjo rrit shumë nivelin e besimit në kompani (nëse në faqen me kontakte - vetëm numri celular dhe fushë reagime, natyrshëm lind pyetja - nga kush fshihet ajo?);
- Email. Në këtë rast është më mirë të postoni gjithashtu adresa kryesore dhe adresat e specialistëve/departamenteve kryesore;
- orari i punës - duhet të jepni informacion në lidhje me orarin e punës, orët e pritjes së specialistëve kryesorë, kohën e drekës, punën në fundjavë. Element i dobishëm do të jetë një tregues i kohës përpara mbylljes, për shembull: "Ka mbetur 1 orë 14 minuta para mbylljes së dyqanit.";
- udhëzime - mund të organizohet duke përdorur hartat e integruara Yandex.Maps ose Google. Është më mirë të shoqëroni itinerarin me një koment teksti për shoferët dhe këmbësorët, të jepni informacion në lidhje me disponueshmërinë e parkimit, sistemin e kalimit. Për një pamje të plotë - shtoni Koordinatat GPS, veçanërisht nëse kompania juaj nuk ndodhet në një vend pak të njohur;
- hyrja në ndërtesë - zgjidhja më e mirë do të ketë një foto që ju lejon të shihni me saktësi derën e kërkuar. Ju gjithashtu mund të plotësoni video të udhëzuara duke përdorur teknologjitë e realitetit virtual në google maps.
Disponueshmëria e elementeve shtesë
Nëse specifikoni informacionin e përshkruar më sipër në faqe - në shumicën e rasteve, kjo do të jetë e mjaftueshme për të klientët potencial ose partnerët kanë gjetur një mënyrë për t'ju kontaktuar dhe me makinë deri në zyrën tuaj. Por këto mundësi mund të zgjerohen duke ofruar informacion shtesë. Ai përfshin:
- mjetet e komunikimit në internet - forma lakonike të reagimit (fjalë për fjalë - emri, fusha për adresën e emailit ose telefoni, fusha e mesazheve), Skype;
- personalizimi i punonjësve - publikimi i fotove dhe emrave të menaxherëve dhe specialistëve kryesorë;
- video ose grafikë - një foto e një zyre, një video me një diagram të rrugës në këmbë;
- detajet ligjore - PSRN, TIN, pika e kontrollit, adresa ligjore, emri i plotë i drejtorit dhe të dhëna të tjera të nevojshme për partnerët;
- shtoni një kod QR me informacionin bazë të udhëtimit;
- butoni "print version tekst".
Nëse keni shumë vizitorë dhe klientë aktivë, duhet të siguroni një captcha për formularin e komenteve, i cili do të ndihmojë në ndërprerjen nje numer i madh i të bllokuara. Por mos harroni se captcha është një faktor "frikësues" për një numër vizitorësh që mund të ndryshojnë mendje për dërgimin e një mesazhi.
Çfarë është e mirë, çfarë është e keqe
Përpara jush janë dy faqe kontaktesh. E para prej tyre është në TOP-10 të Yandex, e dyta është jashtë TOP-50. Duke përdorur njohuritë e marra, vlerësoni vetë se çfarë e shkaktoi një ndryshim të tillë.
Dizajni i saktë i faqes "Kontaktet".
Dizajn i gabuar i faqes "Kontaktet".
Çfarë të bëni me kontaktet e degëve?
Nëse kompania ka disa degë brenda të njëjtit qytet ose zyrë përfaqësuese në rajone, duhet të kujdeseni për krijimin e faqeve të veçanta të kontaktit për secilin nga divizionet. Nëse ka 2-3 degë në të njëjtin qytet, këshillohet të tregoni kontaktet e tyre në një faqe, por në të njëjtën kohë, faqja nuk duhet të lejohet të kthehet në një "fletë". Nëse ka shumë adresa, krijoni faqe të veçantë për secilën, dhe në faqen e përgjithshme bëni një hartë me shënues dhe lidhje me të gjitha departamentet ose listë e shkurtër me lidhje. Do të tërheqë si për përdoruesit ashtu edhe për robotët e kërkimit.
Është pak më e vështirë të organizosh faqet e kontaktit të divizioneve rajonale. Është e mundur që do t'ju duhet të zbërtheni adresat e rajonit sipas faqeve përkatëse. Sidoqoftë, në këtë rast, duhet të keni parasysh shënjestrimin gjeografik. V Motorë kërkimi ah - prodhimi gjeo-varur. E thënë thjesht, banorët e Moskës ose Shën Petersburgut për çdo kërkesë tregtare do të shohin faqe të ndryshme në rezultatet e kërkimit. Rajoni caktohet nga motorët e kërkimit kur shqyrtohen të dhënat e specifikuara në faqen "Kontaktet". Prandaj, do të jetë më logjike që zyrat përfaqësuese të krijojnë faqe të veçanta në nëndomanë dhe t'i promovojnë ato në rezultatet e kërkimit rajonal.
Kontaktet dhe promovimi i faqes në internet
Veglat Yandex.Webmaster dhe Google për webmasterët ju lejojnë të informoni motorët e kërkimit për rajonin e faqes tuaj, shërbimet e kompanisë, orarin e saj të punës, adresën dhe të dhëna të tjera të rëndësishme që do të shfaqen në rezultatet e kërkimit. Për ta bërë këtë në Yandex.Webmaster, duhet të përdorni veglat e Rajonit të sitit dhe Adresat dhe Organizatat. Google për këtë është " Adresat e Google". Përveç një fragmenti me cilësi të lartë, kjo do të japë mundësinë për të vendosur të dhënat e kompanisë shërbimet e hartës- dhe kjo do të tërheqë trafik shtesë.
Vendosja e informacionit të kontaktit në të gjitha faqet
Numri i telefonit dhe detajet e tjera të kontaktit (ose një lidhje me to) duhet të tregohen në secilën faqe të faqes. Në të njëjtën kohë, ato duhet të jenë qartë të dukshme, përndryshe një vizitor që është gati të telefonojë dhe të bëjë një porosi mund të mos gjejë kontaktet tuaja dhe të shkojë te konkurrentët.
Në mënyrë që një vizitor të zgjedhë një mënyrë të përshtatshme për të porositur mallra, jepni të gjitha informacionet tuaja të kontaktit: telefon, email, Skype, ICQ, etj. Në shumicën e rasteve, një numër telefoni fiks është më i besueshëm se një numër telefoni celular.
Prania e një faqe kontakti të përshtatshme dhe informative do të bëjë të mundur krijimin kanal efikas komunikimi me vizitorët, rrisin nivelin e besimit në kompani. Optimizimi i duhur i kësaj faqeje do të rrisë atraktivitetin e faqes për motorët e kërkimit dhe do të kontribuojë në strategjinë e përgjithshme avancim i suksesshëm në pyetje komerciale... Mos ngurroni t'i drejtoheni profesionistëve për të arritur këto përfitime.
Të cilat ju lejojnë të përshkruani qartë blloqet e përmbajtjes
Çfarë është HTML5?
HTML5 është versioni më i ri Hypertext Markup Language (HTML), rishikimi më radikal i gjuhës në historinë e saj. Ky version ka shumë veçori të reja zona të ndryshme... Më të rëndësishmet prej tyre janë në vijim.
- Etiketa multimediale të integruara për të mbështetur përmbajtjen audio dhe video
- Etiketa e kanavacës për vizatimin e përmbajtjes direkt në shfletues
- Forma "të arsyeshme" për të lejuar operacione të tilla si vërtetimi nëpërmjet përdorimit të një atributi të kërkuar
Përmirësimi i aftësive kualifikuese në këtë temë
Ky artikull është pjesë e programit të Rrugës së Njohurisë. Cm.
Set i ri elementet strukturore (etiketat) në HTML5 ripërcakton mënyrën se si janë strukturuar dokumentet HTML. I ri etiketat strukturore fokusuar në ndarjen e një dokumenti HTML në pjesë logjike. Emri i çdo etikete strukture përshkruan llojin e përmbajtjes që synohet të ruajë etiketa. Ky artikull ka të bëjë me pershkrim i detajuar këto etiketa të reja.
Historia e çështjes
Në vitin 1989, Tim Berners-Lee krijoi versionin e parë të HTML për të kapërcyer disa kufizime të metodave të atëhershme ekzistuese të aksesit të informacionit në internet. Në faza fillestare ekzistenca e internetit, orientimi në të ishte detyrë sfiduese... Përmbajtja në internet ishte një koleksion dokumentesh të veçanta dhe nuk ekzistonte metodë e thjeshtë lundrimi nëpër këto dokumente. Në të vërtetë, përdoruesi duhet ta kishte ditur adresën e saktë dokumentin që po kërkoni dhe futeni manualisht këtë adresë. Berners-Lee krijoi dy teknologji për të zgjidhur këtë problem: Protokollin e Transferimit të Hypertext (HTTP) dhe gjuha HTML(Gjuha e shënjimit të hipertekstit).
HTTP është një protokoll shërbimi që serverët e uebit përdorin për të ofruar përmbajtje. Shiko tek shiriti i adresave shfletuesi juaj i internetit. Nëse shfletuesi juaj shfaq URL-në e plotë, atëherë ka shumë të ngjarë që URL-ja fillon me karakteret "http: //". Kjo pjesë e URL-së i tregon shfletuesit se çfarë lloj protokolli duhet të përdorë kur bëni një kërkesë në serverin e uebit. Kur një server Web merr një kërkesë për një dokument, në shumicën e rasteve ai dokument përfaqësohet në Formati HTML ose konvertohet në këtë format. Është dokumenti HTML që i dërgohet shfletuesit kërkues.
HTML është një gjuhë skriptimi që i tregon shfletuesit të internetit se si të paraqesë përmbajtjen. Lidhjet me dokumente të tjera mund të jenë të pranishme brenda përmbajtjes, duke ofruar një metodë miqësore për përdoruesit për të lundruar midis dokumenteve në internet.
Ky kombinim i teknologjive HTTP dhe HTML siguron navigim të shpejtë dhe të lehtë në përmbajtjen e internetit - për të lundruar midis dokumenteve, thjesht klikoni në lidhjet në tekst. Pas krijimit të dy teknologjive të lartpërmendura, Berners-Lee themeloi një organizatë të quajtur W3C ( Botëror Konsorciumi i Uebit). W3C udhëhoqi zhvillimin e katër versioneve të para të HTML.
Qëllimi fillestar i internetit ishte të shërbente thjeshtë dokumente tekstuale... Shfletuesit e parë ishin thjesht të orientuar drejt tekstit (me fjalë të tjera, ata nuk kishin ndonjë dritare të zbukuruar - vetëm teksti ishte i pranishëm në ekran). Edhe shtimi i imazheve ishte një arritje shumë domethënëse - në momentin kur u shfaqën për herë të parë. Sot, njerëzit bëjnë shumë gjëra në internet, nga dërgimi i mesazheve deri te e-mail para shikimit programet televizive... Interneti tashmë ka evoluar në shumë më tepër sesa një mekanizëm për transportimin e dokumenteve të thjeshta tekstuale. Veçoritë e reja dhe përdorimet e reja kanë krijuar sfida të reja dhe sfida të reja që HTML nuk kishte për qëllim t'i zgjidhte kurrë.
W3C është përpjekur të adresojë problemet e internetit të sotëm me standardin Extensible Hypertext Markup Language (XHTML 2.0). Megjithatë, ky standard nuk u miratua gjerësisht dhe deri më tani ai në fakt është braktisur. Në vitin 2004, ndërsa W3C po fokusohej në XHMTL 2.0, një organizatë tjetër e quajtur Grupi i Punës i Teknologjisë së Aplikimit të Uebit Hypertext (WHATWG) filloi të zhvillonte HTML5, i cili u prit shumë më mirë nga komuniteti sesa XHTML 2.0. W3C ka ndërprerë punën në XHTML 2.0 dhe aktualisht po punon me WHATWG për të zhvilluar specifikimin HTML5.
Shfletuesit e mbështetur
Në kohën e këtij shkrimi, standardi HTML5 ende nuk është lëshuar zyrtarisht. Shumica e përmbajtjes në ueb krijohet ende sipas specifikimeve HTML 4. Megjithatë, disa shfletues mbështesin specifikimin HTML5. Situata mund të jetë e ndërlikuar, pasi secili prej këtyre shfletuesve është në gjendje të mbështesë vetëm një nëngrup të veçorive HTML5. Përpara se të ndërtoni faqen tuaj të internetit HTML5, provoni secilin nga shfletuesit e synuar për t'u siguruar që ata mbështesin veçoritë që keni ndërmend të përdorni në faqen tuaj.
Doctype i përditësuar
Pavarësisht nga aftësitë e shfletuesve tuaj të synuar, duhet t'i tregoni secilit shfletues se dëshironi të shfaqni përmbajtjen tuaj duke përdorur specifikimin HTML5. Kjo mund të bëhet duke përdorur deklaratën doctype.
Doctype i tregon shfletuesit se në cilin version të gjuhës së shënjimit është shkruar faqja aktuale. Këtë e bën me një shabllon të Përkufizimit të Llojit të Dokumentit (DTD). DTD specifikon rregullat e përdorura nga gjuha e shënjimit në mënyrë që shfletuesit të japin përmbajtjen në mënyrë korrekte.
Koncepti i deklaratave të doctype mund të jetë mjaft konfuz. Ka shumë tipe doctype në specifikimin aktual të HTML, dallimet midis të cilave nuk janë plotësisht të dukshme. Tabela 1 tregon disponueshmërinë në ky moment deklaratat e doktipit dhe aftësitë e tyre.
Tabela 1. Deklaratat e Doctypes dhe aftësitë e tyre
Deklarata Doctype | Mundësitë | Shembull |
---|---|---|
HTML 4.01 i rreptë | Lejon përdorimin e të gjithë elementeve dhe atributet HTML megjithatë nuk lejon etiketat e prezantimit si font. Elementet e grupit të kornizave nuk lejohen. | |
HTML 4.01 kalimtare | Njësoj si HTML strikte, por lejon etiketa të tilla si font. Elementet e grupit të kornizave nuk lejohen. | |
Set kornizash HTML 4.01 | Ngjashëm me deklaratën kalimtare HTML, por lejon përdorimin e elementeve të grupeve të kornizës. | |
XHTML 1.0 i rreptë | Njësoj si HTML strikte, por e gjithë përmbajtja duhet të jetë në formatin XML. Për shembull, çdo element hapës duhet të ketë një element mbyllës përkatës. Elementet e grupit të kornizave nuk lejohen. | |
XHTML 1.0 kalimtare | Ngjashëm me deklaratën kalimtare HTML, megjithatë e gjithë përmbajtja duhet të jetë në formatin XML. Elementet e grupit të kornizave nuk lejohen. | |
grup kornizash XHTML 1.0 | Ngjashëm me deklaratën kalimtare XHTML, por lejon elementet e grupeve të kornizës. | |
XHTML 1.1 | Ngjashëm me deklaratën e rreptë XHTML, plus ofron aftësi të modulit të tillë si mbështetje Ruby për gjuhët e Azisë Lindore. |
Për fat të mirë, doctype është thjeshtuar shumë në specifikimin HTML5. Në të vërtetë, ekziston vetëm një deklaratë e tillë në HTML5. Që shfletuesi juaj të jepet duke përdorur specifikimin HTML5, shtoni llojin e dokumentit të treguar në.
Listimi 1. Doctype HTML5
Deklarata duhet të jetë në fillim të dokumentit HTML, përpara etiketës .
Etiketa të reja strukturore
Një parakusht për krijimin e etiketave të reja strukturore është dëshira për të ndarë faqet e internetit në copa logjike me elementë, emrat përshkrues të të cilëve përputhen me përmbajtjen që ato përmbajnë. Konceptualisht, një faqe në internet mund të mendohet si një dokument. Dokumentet përmbajnë headers, footers, kapituj dhe të tjera të ndryshme legjendë ndarjen e dokumenteve në pjesë logjike.
V këtë seksion shembulli shqyrton metodat aktuale të ndarjes së një dokumenti HTML. Në seksionet e mëposhtme të artikullit, ne do të modifikojmë kodin origjinal duke përdorur etiketat strukturore HTML5 dhe in hap pas hapi Le të shqyrtojmë krijimin e strukturës logjike të dokumentit.
Qasja HTML 4
Edhe nëse keni krijuar vetëm dokumente bazë HTML më parë, ju jeni ende të njohur me etiketën div. Në epokën para HTML5, etiketa div ishte mekanizmi kryesor për krijimin e blloqeve të përmbajtjes në një dokument HTML. Si shembull, ai tregon se si të përdoren etiketat div për të krijuar një faqe të thjeshtë me një kokë, zonë përmbajtjeje dhe fund.
Listimi 2. Një faqe e thjeshtë HTML duke përdorur etiketat div
Kjo qasje funksionon mirë; etiketa div është një element i shkëlqyer Qëllimi i përgjithshëm... Megjithatë, pa shikuar atributin id të çdo etikete div, është e vështirë të thuhet se cilin seksion të dokumentit përfaqëson çdo etiketë div. Mund të argumentohet se nëse atributi id emërtohet siç duhet, aftësitë e tij si tregues janë të mjaftueshme, megjithatë, përdorimi i atributeve id është opsional. Ka shumë shije të atributit id që mund të konsiderohen po aq të vlefshme. Vetë etiketa div nuk jep një tregues se çfarë lloji të përmbajtjes i është caktuar të përfaqësojë.
Qasja HTML5
HTML5 e zgjidh këtë problem duke ofruar një grup etiketash që përcaktojnë më saktë blloqet bazë të përmbajtjes që përbëjnë një dokument HTML. Pavarësisht nga përmbajtja përfundimtare e shfaqur nga faqja e internetit, shumica e faqeve të internetit përbëhen nga kombinime të ndryshme seksionet tipike dhe elementet e faqes.
Listimi 4. Shtimi i etiketës së seksionit
Ky është një seksion i rëndësishëm i faqes.
Etiketa e artikullit
Etiketa e artikullit tregon seksione të rëndësishme të përmbajtjes brenda një faqe interneti. Për shembull, në një blog, çdo postim i vetëm përfaqëson një pjesë të rëndësishme të përmbajtjes. Pas shtimit të etiketës së artikullit në kodin e mostrës, marrim kodin e treguar në të.
Listimi 5. Shtimi i etiketave të artikujve
Ky është një seksion i rëndësishëm i përmbajtjes në faqe. Ndoshta një postim në blog.
Etiketë mënjanë
Etiketa mënjanë tregon se përmbajtja që përmban ky element është e lidhur me përmbajtjen kryesore të kësaj faqeje, por nuk është pjesë e saj. Në njëfarë kuptimi, zbatimi i tij është i ngjashëm me futjen e një komenti në trupin e një teksti (si ky koment). Përmbajtja e vendosur në kllapa ofron informacion shtesë rreth elementit që përmban atë përmbajtje. Pas shtimit të etiketës anash në kodin e mostrës, marrim kodin e treguar në të.
Listimi 6. Shtimi i etiketës anash
Ky është një seksion i rëndësishëm i përmbajtjes në faqe. Ndoshta një postim në blog.
Ky është një seksion i rëndësishëm i përmbajtjes në faqe. Ndoshta një postim në blog.
Etiketa në fund të faqes
Etiketa e fundores shënon përmbajtjen që përmban si fundore të dokumentit aktual. Pas shtimit të etiketës së footer-it në kodin e mostrës, marrim kodin e treguar në të.
Listimi 7. Shtimi i etiketës së fundores
Ky është një seksion i rëndësishëm i përmbajtjes në faqe. Ndoshta një postim në blog.
Ky është një seksion i rëndësishëm i përmbajtjes në faqe. Ndoshta një postim në blog.
Në këtë pikë, të gjitha divs nga shembulli origjinal janë zëvendësuar me etiketat strukturore HTML5.
Etiketa Nav
Listimi 8. Shtimi i etiketës nav
Ky është një seksion i rëndësishëm i përmbajtjes në faqe. Ndoshta një postim në blog.
Ky është një seksion i rëndësishëm i përmbajtjes në faqe. Ndoshta një postim në blog.
Versioni përfundimtar i shembullit
Më poshtë tregon rezultatin e zëvendësimit të etiketave origjinale div me etiketat e reja strukturore HTML5.
Listimi 9. Versioni përfundimtar i shembullit
Ky është një seksion i rëndësishëm i përmbajtjes në faqe. Ndoshta një postim në blog.
Ky është një seksion i rëndësishëm i përmbajtjes në faqe. Ndoshta një postim në blog.
Edhe pse ky shembull është thjeshtuar sa më shumë që të jetë e mundur për qëllime demonstrimi, krahasimi shembull origjinal në bazë elementet div() me variantin që rezulton () tregon qartë qëllimin e etiketave të strukturës së re.
konkluzioni
Etiketat e reja strukturore HTML5 përshkruajnë përmbajtjen që përmbajnë dhe ndihmojnë në ndarjen e dokumentit në seksione logjike. Ashtu si autori që shkruan një libër, autori i një dokumenti ende mund të vendosë se kur dhe ku t'i përdorë këto elemente të reja në dokumentin e tyre. Megjithëse dy autorë që shkruajnë të njëjtin libër mund të zgjedhin mënyra të ndryshme për ta ndarë librin në kapituj, përdorimi i kapitujve është ende një qasje e qëndrueshme ndaj ndarjeve të librave. Në mënyrë të ngjashme, megjithëse dy autorë të një faqeje interneti mund të zgjedhin struktura të ndryshme, elementët e rinj strukturorë HTML5 u ofrojnë zhvilluesve të Uebit një përvojë të re të qëndrueshme që nuk e ofronin etiketat e mëparshme div.