Fotografia e SEO

'=' is an unexpected token. The expected token is ';'. Line 103, position 3298.error catched art4
<?xml version='1.0'?> <!DOCTYPE names [<!ENTITY euro "€"> <!ENTITY nbsp " "> <!ENTITY iexcl "¡"> <!ENTITY cent "¢"> <!ENTITY pound "£"> <!ENTITY curren "¤"> <!ENTITY yen "¥"> <!ENTITY brvbar "¦"> <!ENTITY sect "§"> <!ENTITY uml "¨"> <!ENTITY copy "©"> <!ENTITY ordf "ª"> <!ENTITY laquo "«"> <!ENTITY not "¬"> <!ENTITY shy ""> <!ENTITY reg "®"> <!ENTITY macr "¯"> <!ENTITY deg "°"> <!ENTITY plusmn "±"> <!ENTITY sup2 "²"> <!ENTITY sup3 "³"> <!ENTITY acute "´"> <!ENTITY micro "µ"> <!ENTITY para "¶"> <!ENTITY middot "·"> <!ENTITY cedil "¸"> <!ENTITY sup1 "¹"> <!ENTITY ordm "º"> <!ENTITY raquo "»"> <!ENTITY frac14 "¼"> <!ENTITY frac12 "½"> <!ENTITY frac34 "¾"> <!ENTITY iquest "¿"> <!ENTITY Agrave "À"> <!ENTITY Aacute "Á"> <!ENTITY Acirc "Â"> <!ENTITY Atilde "Ã"> <!ENTITY Auml "Ä"> <!ENTITY Aring "Å"> <!ENTITY AElig "Æ"> <!ENTITY Ccedil "Ç"> <!ENTITY Egrave "È"> <!ENTITY Eacute "É"> <!ENTITY Ecirc "Ê"> <!ENTITY Euml "Ë"> <!ENTITY Igrave "Ì"> <!ENTITY Iacute "Í"> <!ENTITY Icirc "Î"> <!ENTITY Iuml "Ï"> <!ENTITY ETH "Ð"> <!ENTITY Ntilde "Ñ"> <!ENTITY Ograve "Ò"> <!ENTITY Oacute "Ó"> <!ENTITY Ocirc "Ô"> <!ENTITY Otilde "Õ"> <!ENTITY Ouml "Ö"> <!ENTITY times "×"> <!ENTITY Oslash "Ø"> <!ENTITY Ugrave "Ù"> <!ENTITY Uacute "Ú"> <!ENTITY Ucirc "Û"> <!ENTITY Uuml "Ü"> <!ENTITY Yacute "Ý"> <!ENTITY THORN "Þ"> <!ENTITY szlig "ß"> <!ENTITY agrave "à"> <!ENTITY aacute "á"> <!ENTITY acirc "â"> <!ENTITY atilde "ã"> <!ENTITY auml "ä"> <!ENTITY aring "å"> <!ENTITY aelig "æ"> <!ENTITY ccedil "ç"> <!ENTITY egrave "è"> <!ENTITY eacute "é"> <!ENTITY ecirc "ê"> <!ENTITY euml "ë"> <!ENTITY igrave "ì"> <!ENTITY iacute "í"> <!ENTITY icirc "î"> <!ENTITY iuml "ï"> <!ENTITY eth "ð"> <!ENTITY ntilde "ñ"> <!ENTITY ograve "ò"> <!ENTITY oacute "ó"> <!ENTITY ocirc "ô"> <!ENTITY otilde "õ"> <!ENTITY ouml "ö"> <!ENTITY divide "÷"> <!ENTITY oslash "ø"> <!ENTITY ugrave "ù"> <!ENTITY uacute "ú"> <!ENTITY ucirc "û"> <!ENTITY uuml "ü"> <!ENTITY yacute "ý"> <!ENTITY thorn "þ"> <!ENTITY yuml "ÿ"> <!ENTITY ldquo "'"> <!ENTITY rdquo "'"> <!ENTITY rsquo "'"> <!ENTITY lsquo "'"> ]><document id='62' docref='2526'><framewidth>900</framewidth><author><ref>1</ref><nick>Leonardo Fanini</nick><name>Leonardo Fanini</name></author><locale></locale><title><langit>Fotografia e SEO</langit></title><date><coded>2015-07-05T12:52:13</coded>2015-07-05 12:52:13</date><body><paragraph>In questo periodo ho aggiornato notevolmente il sito, poca fotografia purtroppo, ma tanto lavoro per indicizzarla meglio <langen>Sorry people, I've no time, right now, to translate everything in english. I'll write a translation soon, I think</langen><h2>Premessa</h2>Premesso che non tutti i motori di ricerca usano le stesse informazioni e che comunque per indicizzare le immagini, la cosa più importante è compilare gli attributi alt e magari anche title dell'immagine, preso atto che la fotografia viene registrata dal motore di ricerca insieme all'associazione di testo che può essere vicino, compreso l'attributo alt dell'immagine stessa Uno dei meccanismi chiave, oggi, non tanto per indicizzare, quanto per far comprendere al motore di ricerca il significato delle informazioni, compreso quindi le immagini è quello di usare i microdata di html5 con il vocabolario di <a href="http://Schema.org">schema.org</a> che è stato creato apposta da un gruppo di lavoro formato da Google, Microsoft, Yahoo e Yandex. Se sei un esperto di SEO sai già bene di cosa sto parlando, o dovresti. Se sei un fotografo perso nel tentativo di far indicizzare meglio il tuo prezioso lavoro allora forse puoi partire da qui. Ma andiamo al caso specifico. Nella fattispecie, sto facendo un esperimento per le gallery. La struttura particolare del mio sito usa le chiamate Ajax per ricaricare il contenuto della gallery o delle notizie ottimizzando la dimensione delle immagini in funzione del dispositivo usato. Nel vocabolario di schema.org Ci sono sostanzialmente tre oggetti che hanno significato per la fotografia <ul><li>ImageGallery</li><li>ImageObject</li><li>Photograph</li></ul> Quello che manca in modo chiaro è la spiegazione di cosa usare per rappresentare il contenuto di un album di foto e come differenziare l'immagine della piccola anteprima dalla foto grande, per far si che il motore di ricerca associ l'immagine grande al testo che la riguarda e non al testo eventualmente presente nel resto della pagina <h2>Esperimento</h2>Questo quindi, è solo il resoconto del mio esperimento Per la gallery, dicevo, in primo tempo avevo usato un itemtype particolare, Photograph, che a rigor di logica mi sembrava più specifico per le foto che un itemtype= ImageObject. Analizzando a fondo sembra che Photograph sia dedicato a rappresentare una fotografia stampata e identificabile con dimensioni e materiale, informazioni valide per esempio per la fine art e non per un album digitale relativo a servizi fotografici non stampati L'altra cosa che non mi convinceva, è la mancanza di un collegamento tra ImageGallery e Photograph. Cercando sul web non ho trovato implementazioni particolari come quella del mio sito </paragraph><paragraph><img src='https://www.leonardofanini.com/advscript/global/gallery/picture.aspx?reqid=2541&maxsize=800' align='' class='newsimage' alt='attuale schema semplificato della struttura semantica delle gallery' title='attuale schema semplificato della struttura semantica delle gallery' data-size-width='800' data-size-height='480' data-raw='[@reqid=2541 {attuale schema semplificato della struttura semantica delle gallery}]'/> Analizzando ulteriormente le specifiche di schema.org ho implementato questa soluzione: <ul><li>Gallery etichettata come ImageGallery</li><li>Anteprime della gallery etichettate come ImageObject</li><li>Immagine grande della foto selezionata etichettata come ImageObject ma usando il campo primaryImageOfPage All'interno della ImageGallery</li></ul>Le foto risultano effettivamente indicizzate Nota:Le immagini del mio sito vengono dimensionate dal server in modo da rientrare nello schermo del dispositivo usato, quindi un iphone le scaricherà larghe 300px mentre un pc le scarica larghe 800px. La dimensione indicizzata risulta essere quella da 800px come sperato</paragraph></body></document>