WebSite X5Help Center

 
Matteo D.
Matteo D.
User

INSERIRE ATTRIBUTO ALT SU IMMAGINI MENU  it

Автор: Matteo D.
Просмотрено 2392, Подписчики 1, Размещенный 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

Размещено
16 Ответы - 1 Полезно - 1 Корректно
Mi Lux
Mi Lux
User

Nelle proprietà dell'oggetto immagine devi inserire un titolo e un testo alternativo (che corrisponde al tag ALT.

Читать больше
Размещено От Mi Lux
Matteo D.
Matteo D.
User
Автор

Scusami ma dove trovo le proprietà dell'oggetto immagine? Pulsante DX vien fuori "taglia, copia, elimina, porta in primo piano e Posizione e dintorni" ???

Читать больше
Размещено От Matteo D.
Mi Lux
Mi Lux
User

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.

Читать больше
Размещено От Mi Lux
Giancarlo B.
Giancarlo B.
User

... propietà

Читать больше
Размещено От Giancarlo B.
GRS .
GRS .
User

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>

Читать больше
Размещено От GRS .
Matteo D.
Matteo D.
User
Автор

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...

Читать больше
Размещено От Matteo D.
Mi Lux
Mi Lux
User
Matteo D.
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?

Esatto, al primo aggiornamento perdi tutto

Matteo D.

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

Читать больше
Размещено От Mi Lux
GRS .
GRS .
User

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" :-/

Читать больше
Размещено От GRS .
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца FRЛучший пользователь месяца PL
Matteo D.
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

...!... 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>

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Matteo D.
Matteo D.
User
Автор

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!

Читать больше
Размещено От Matteo D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца FRЛучший пользователь месяца PL
Matteo D.
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...

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
GRS .
GRS .
User

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

Читать больше
Размещено От GRS .
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца FRЛучший пользователь месяца PL
Roberto S.
Si, che sia sbagliato il posizionamento dello script è palese. ... ... ... ... ...  Ma tutto quel testo cmq è "anomalo", ... ... ... ...

... 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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Matteo D.
Matteo D.
User
Автор

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!

Читать больше
Размещено От Matteo D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца FRЛучший пользователь месяца PL

... pagina OK ... nessun errore nel codice della pagina ...

...

...nota: ALT lo vedrai su IE; TITLE anche sugli altri browser...

.

ciao

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Matteo D.
Matteo D.
User
Автор

Grandissimo... grazie ancora!!!

Читать больше
Размещено От Matteo D.