Web design: Harta site-ului

O hartă a site-ului este un fișier care conține o listă principală de linkuri către paginile de pe site-ul dvs. și poate oferi informații despre acele pagini, cum ar fi frecvența actualizării acestora, modul în care paginile se conectează între ele și cât de importante sunt fiecare față de celelalte pagini. Poate fi un instrument de referință atât pentru roboții care indexează site-ul dvs. pentru motoarele de căutare, cât și pentru vizitatorii dvs. care încearcă să găsească un anumit conținut. Fișierele hărții site-ului sunt documente XML aranjate în format ierarhic pe care roboții le citesc pentru a înțelege aspectul site-ului dvs., relevanța paginii și organizarea. Fișierul poate fi, de asemenea, o pagină care poate fi citită de om, care prezintă modul în care paginile se raportează între ele, și poate servi ca listă principală a paginilor de pe site-ul dvs. Hărțile site-ului sunt păstrate cel mai bine în rădăcina site-ului dvs. web, la același nivel cu pagina dvs. de index inițială.

Deși o hartă completă a site-ului nu poate fi finalizată decât după ce site-ul dvs. este gata să fie publicat, hărțile site-urilor se pot include în cadrul metodelor de dezvoltare, deoarece organizarea site-ului dvs. pe hârtie va ajuta la dezvoltarea sistemului de meniuri, la organizarea logică a conținutului și la definirea domeniului de aplicare și scopul site-ului dvs. Mai mult conținut sau pagini pe care le puteți defini la începutul procesului vor dezvălui informații care vă vor ajuta în faza de proiectare.

Pentru a crea o hartă a site-ului, puteți începe prin a crea o listă cu tot conținutul pe care doriți să îl aveți pe site-ul dvs. Oricine este implicat în producția sau validarea conținutului ar trebui să colaboreze! În fiecare dintre acești pași, este important să vă identificați părțile interesate. Pe măsură ce creați lista dvs., este adesea util să utilizați cartoane de indexare, astfel încât să puteți stabili în funcție de culoarea cărții sau de zona unde ar trebui să fie un anumit conținut. Acest lucru vă va ajuta să descoperiți sistemul dvs. de meniu, pe măsură ce creați nume pentru teancurile de cartoane ca titluri ale meniului. După aceea, în timp ce dezvoltați o diagramă cu cartoane și cu teancuri și cum depinde una de celelalte, harta site-ului dvs. va începe să prindă contur.

Dacă reconstruiți un site existent, vă recomandăm să adaptați sistemul de meniu existent sau să îl eliminați în întregime și să începeți unul nou. Site-urile mai mari sau cele cu un număr mare de părți interesate vor avea nevoie de mai mult timp pentru a finaliza acest pas. Pentru a descompune proiecte mai mari, poate doriți să începeți prin a defini ce tip(uri) de conținut nu doriți pe site-ul dvs. De exemplu, dacă publicul dvs. țintă sunt cumpărătorii obișnuiți care caută plante la domiciliu, puteți elimina informațiile despre plantele care nu sunt potrivite pentru viața interioară sau puteți restrânge cantitatea de informații furnizate la îngrijirea și întreținerea de bază, spre deosebire de aspectele mai detaliate căutate de peisagiștii profesioniști. Distribuirea procesului de identificare a materialelor care trebuie publicate în mai multe grupuri de părți interesate care împărtășesc interese comune în anumite categorii va contribui, de asemenea, la eficientizarea acestui proces.

Figura 12 O hartă XML a hărților XML ale site-ului telework.ro grupate pe categorii

Harta site-ului pe care o creați trebuie să respecte standardele URL RFC-3986 (în special utilizarea codurilor de evitare a entităților) și standardele pentru XML. Codificarea caracterelor dvs. trebuie să fie, de asemenea, în UTF-8, ceea ce înseamnă că anumite caractere speciale și marcaje dincolo de cele utilizate în mod tradițional. în text nu vor fi disponibile. Odată ce harta dvs. a site-ului este completă și încărcată, o puteți adăuga în fișierul dvs. robots.txt. De. exemplu harta XML a site-ului telework.ro este

Sitemap: https://www.telework.ro/sitemap_index.xml

De asemenea, puteți trimite site-ul (și harta lui) pentru accesarea cu crawlere direct la motoarele de căutare. Deși acest lucru nu se poate întâmpla imediat, această trimitere anunță că site-ul dvs. este nou sau s-a schimbat. Unele motoare, cum ar fi Google, oferă instrumente și raportare pentru o experiență cuprinzătoare, în timp ce altele precum Bing au formulare de intrare rapidă care necesită doar adresa URL principală a site-ului dvs. și o confirmare că sunteți, de fapt, om (ceea ce pare amuzant atunci când luați în considerare ceea ce faceți este să declanșați un bot).

Ca exemplu, planificăm un mic site cu doar câteva linkuri: pagina noastră de index, o pagină de contact, o pagină de informații și pagini de publicații și cercetări în afara paginii noastre de informații. Ca fișier XML, sitemap-ul nostru vizual de mai sus ar fi exprimat după cum urmează:

<?xml version=”1.0″ encoding=”UTF-8″?>
<urlset xmlns=http://www.sitemaps.org/schemas/sitemap/0.9>
<url>
<loc>http://www.site.com/</loc>
<lastmod>2013-01-13</lastmod>
<priority>0.8</priority>
<url>
<url>
<loc>http://www.site.com/contact.htm</loc>
<lastmod>2013-01-13</lastmod>
<priority>0.9</priority>
<url>
<url>
<loc>http://www.site.com/publications.htm</loc>
<lastmod>2013-01-13</lastmod>
<priority>0.5</priority>
<changefreq>monthly</changefreq>
<url>
<url>
<loc>http://www.site.com/information.htm</loc>
<lastmod>2013-01-13</lastmod>
<priority>0.5</priority>
<url>
<url>
<loc>http://www.site.com/research.html</loc>
<lastmod>2013-01-13</lastmod>
<priority>0.7</priority>
<url>
</urlset

Deoarece ne concentrăm asupra aspectelor hărții acestui exemplu în acest moment, trebuie doar să rețineți că sunt necesare etichetele <loc>, <url> și <urlset> pentru locație. Restul este opțional, dar adaugă mai multe informații pentru crawlerele site-ului. De asemenea, veți observa că în acest exemplu nu puteți deduce meniul sau ierarhia din diagrama vizuală – serviciilor de indexare nu le pasă de acest lucru. Pentru un vizitator al site-ului, am stiliza această pagină în mod diferit sau am crea o hartă optimizată pentru citirea vizitatorilor noștri.

Sursa: Michael Mendez, The Missing Link – An Introduction to Web Development and Programming (CC BY-NC-SA 3.0 License), Published by Open SUNY Textbooks, Milne Library (IITG PI), State University of New York at Geneseo. Traducere de Nicolae Sfetcu

Articol publicat sub licență CC BY-NC-SA 3.0