Structura HTML in imagini

Am descoperit astazi, multumita lui Radu Puchiu, un tool care ne ajuta sa construim structuri de site-uri in imagini: Webpages as graphs.

Semnificatia culorilor din grafic:

albastru: pentru linkuri (tag-ul A)
rosu: pentru tabele (TABLE, TR si TD)
verde: pentru tag-ul DIV
violet: pentru imagini(IMG)
galben: pentru formulare (FORM, INPUT, TEXTAREA, SELECT si OPTION)
portocaliu: pentru blocuri si treceri pe alte linii (BR, P si BLOCKQUOTE)
negru: tag-ul HTML, nodul paginii de fapt
gri: toate celelalte tag-uri

Sursa codului o gasiti aici.

M-am jucat un pic pe cateva site-uri (sper sa nu se supere proprietarii pe mine):

Kondiment. agentia de online marketing

Seogan, blogul personal 🙂

Plata RCA, site de asigurari

Touched Romania, asociatie nonprofit; foarte interesant rezultatul- site-ul fiind flash, bineinteles ca nu exista tag-uri si nici pagini interne

Mi-as dori un tool de genul asta care sa afiseze structura unui site ca un arbore si sa adauge:
– linkurile interne si externe ale site-ului
– inbound linkurile pentru fiecare pagina in parte. Mi-as dori sa vad si cu diferite grosimi autoritatea site-ului in motoarele de cautare :), ceea ce nu cred ca se poate, dar totusi ar fi super.

Oare exista si nu stiu eu? 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *