INSERIRE ATTRIBUTO ALT SU IMMAGINI MENU 
Autore: Matteo D.
Visite 2650,
Followers 1,
Condiviso 0
Ciao a tutti!
Ho appena acquistato la versione PRO 12. Ho una domanda per voi! Nel menu ho inserito delle immagini personalizzate come pulsanti devo ora attribuire il tag "ALT" a loro... come posso fare? E' una cosa che devo assolutamente fare (SEO)... riuscite ad aiutarmi?
il sito in questione è: www.abcdoctorgas.it
Postato il
Nelle proprietà dell'oggetto immagine devi inserire un titolo e un testo alternativo (che corrisponde al tag ALT.
Autore
Scusami ma dove trovo le proprietà dell'oggetto immagine? Pulsante DX vien fuori "taglia, copia, elimina, porta in primo piano e Posizione e dintorni" ???
Ti chiedo scusa perchè non ho letto bene il tuo messaggio e credo di averti dato una risposta non corretta. Comunque non capisco bene dove vuoi inserire queste immagini perchè nella versione 12 il menù è cambiato parecchio. Ai fini del SEO il tag ALT conta di più per le immagini dei contenuti. Quindi la mia risposta può valere per le immagini inserite nelle varie pagine.
... propietà
Ciao Matteo, dovresti agire in maniera "alternativa".
Crei il tuo progetto, esporti (per modificarne il codice), apri con blocco notes tutte le HTML e inserisci il TAG ALT nella parte del codice riguardante i pulsanti/immagine del menù:
<div onclick="x5engine.utils.location('manutenzionecaldaie.html', null, false); return false;" onmouseover="$('#imHoverImage_0').css('display','')" style="position: absolute; top: 0px; left: 149px; width: 115px; height: 115px; cursor: pointer;"><img id="imHoverImage_0" src="images/PulsantiMANCALD.png" alt="Pulsante Manutenzione Caldia" onmouseout="$(this).css('display','none');" style="display: none; width: 115px; height: 115px;" /></div>
Autore
Questo Ok Roberto, ma poi comunque riamane non corretto all'interno del software e quando vado a fare un aggiornamento del sito mi ritorna lo stesso problema, sbaglio?
MiLux non problem! Intendo nel menu dove in teoria vengono fuori i "pulsanti" testuali delle relative pagine del sito io al posto del classico testo ho inserito delle immagini... ecco avrei bisogno di usare l'ALT in quelle immagini. Per quanto riguarda il SEO credo che tutte le ALT di tutto il sito è abbastanza rilevante... utilizzo SEMRUSH per ottimizzare il seo e mi segnala errore...
Esatto, al primo aggiornamento perdi tutto
MiLux non problem! Intendo nel menu dove in teoria vengono fuori i "pulsanti" testuali delle relative pagine del sito io al posto del classico testo ho inserito delle immagini... ecco avrei bisogno di usare l'ALT in quelle immagini. Per quanto riguarda il SEO credo che tutte le ALT di tutto il sito è abbastanza rilevante... utilizzo SEMRUSH per ottimizzare il seo e mi segnala errore...
Se usi la versione 12, hai la possibilità di inserire una immagine di sfondo nelle Voci di menù (Stile del menù principale). Questa immagine è fissa per tutte le voci e ai fini SEO non ha molto senso dare un tag ALT a queste immagini. Come ti ho già detto dovresti invece concentrarti sulle altre immagini del tuo sito. In particolare hai 26 immagini inserite di cui 9 (nelle gallerie immagini) non hanno un tag ALT. Purtroppo nelle gallerie immagini non è mai stato implementato il tag ALT (richiesto sino dalla versione 10) e per questo ti conviene con attenzione.
Io non conosco SEMRUSH ma se provi questo tools http://seositecheckup.com vedrai che ci sono molti altri problemi da risolvere con il tuo sito.
Saluti
Ciao!
In questo caso il tag alt servirebbe non per indicizzare le icone del menù nella serp di google, ma per aiutare lo spider a crearsi la sua sitemap correttamente, onde evitare, se non ci sono link interni oltre il menù fatto di immagini, che lo spider trovi tante pagine scollegate tra loro. E' un problema che mi sono posto anche io e potendo scegliere, preferisco inserire immagine/icona + testo.
PS - non so se te ne sei accorto Matteo, ma devi aver messo qualche jquery, o iframe o "robba", presumibilmente quel "swiffyobject" in una parte sbagliata del codice della pagina, infatti non puoi scrollare e hai il codice tutto "sporco" di una marea di roba inutile sempre a causa dell'aggiunta di quel "swiffyobject" :-/
...!... forse non ho capito, oppure hai già modificato, ma vedendo adesso noto che l'attributo ALT è già presente nei pulsanti del menu in alto...!...
...!?... se per caso invece vuoi ottenere l'effetto TOOLTIP, allora devi aggiungere l'attributo TITLE...
... alternativa...
... io non ho il Programma! ...ma penso che faresti prima e meglio in puro JavaScript, tramite Oggetto Codice HTML (pergamena)...
... alleghi le dodici icone, stato Normale/Sopra, lasciando "files" come destinazione, e per ogni pulsante nel proprio oggetto html inserirai questo codice:
<a href="NomePagina1.html"><img src="files/primaIconaNormale.png" width="100" height="100" alt="Testo Alternativo" title="Testo ToolTip" onmouseover="this.src='files/primaIconaSopra.png'" onmouseout="this.src='files/primaIconaNormale.png'"/></a>
.
Autore
Si Roberto purtroppo me ne sono accorto... mi ha generato tutto sto codice sporco quando ho cercato una soluzione per trasformare un'animazione flash in html5...
KolAsim credo di aver capito... provo e ti aggiorno!
... quello di SWIFFY non è codice "sporco"...!...
... hai solo sbagliato ad inserirlo comprensivo dei TAG di pagina HTML...
.
Si, che sia sbagliato il posizionamento dello script è palese.
<script>
swiffyobject = {"as3":true,"frameRate":44,"frameCount":250,"backgroundColor":-16777216,"frameSize":{"ymin":0,"xmin":0,"ymax":2400,"xmax":2160},"fileSize":78100...
8LsBgRSjr2CslyAQDE6FJRzx9+vQbTXLmzJk3q6LX1W13CPLAWpOhrQC5jn327Nm36ubcuXNva5rcaykTrK1ASLMGpWgjQlXH9x08ZG5u7h3N/Pz8u/2Of0Ydycrk6aMw8KpIUVYNchLkOv758+ffs1y4cOF9y8WLFz/wWVhY+LBJUm3oM/TZOZHKBMqJgzCvoBRthEjJUCaB7/zWkRcXFz8KuXTp0seay5cvfxJy5cqVT1O5evXqZz7+GmvDou3bc71QXqBU9UlJM0BhYLnkaCJFHSFyIngJrONbx7527drnIdevX/8i5MaNG1+G3Lx58yvNrVu3vq4bvc/as/bteSqWCqTyqDg5acqEqSMLkqxSKVQMlSJVHbwQvgqYCCaAdvrbt29/c+fOnW9j1t29e/e7kHv37q2P+d5y//79H8qi18r960N7oW17TnimimQCmTxagUyaXKVRYXqRBVFW4FCqrFrkpNAqoUKE5GRwIqwTATqd/sGDBxuKbHz48OFokU1FNoc8evRoS8yPlsePH29NRa+x+2I7m2JGwzPCs0SmJfKoOCqNVRqtMiZMXVn6JAoMQ462YqSqRE4KFcLJsEQE...
matrix":0},{"type":2}]};
</script>
Ma tutto quel testo cmq è "anomalo", amenochè Matteo non abbia convertito immagini in base64 quando ha trasformato un'animazione flash in html5 in modo da non utilizzare link all'immagine, ma inglobare direttamente le immagini nel codice.
Se non sai cosa siano immagini convertite in base64, guarda sto video:
https://youtu.be/fjklP0bzzcw
... si tratta solo dell'errore che è stato commesso prima, nell'inserire il codice nel Progetto; ...per il resto il codice usato è regolare...
... per Matteo, per mettere in ordine ho preparato due esempi, uno normale ed uno semplificato...
... basta seguire le indicazioni dei commenti inseriti: <!-- questo è un commento -->
... azionare nella tastiera i tasti Ctrl+U ...per visualizzare il codice e fare copia/incolla...
1) ... NORMALE >>> http://www.zspace.it/kolasim/trash/matteoSwiffy.html
2) ... JS ESTERNO >>> http://www.zspace.it/kolasim/trash/matteoSwiffy2.html
.
Autore
Grandissimo KolAsim... per l'"ALT" ho seguito il tuo consiglio e funziona perfettamente (offline non ho la visione del pulsante di menu ma va benissimo così)
Per la modifica del codice che mi hai suggerito CREDO di averla fatta.... se riesci, mi puoi dare un'occhiata... grazie mille!
... pagina OK ... nessun errore nel codice della pagina ...
...
...nota: ALT lo vedrai su IE; TITLE anche sugli altri browser...
.
ciao
Autore
Grandissimo... grazie ancora!!!