Jump to content

La plus important : ALT ou TITLE pour une image

Patrick_64
 Share

Recommended Posts

Patrick_64 Newbie

Patrick_64

Posted
  • Author
Posted

J'ai un petit doute sur ton affirmation.

 

En effet le paramètre ALT sert à dire aux moteur le contenu de l'image et à s'afficher quand l'image n'est pas disponible, et le paramètre TITLE sert à l'affichage au survol de la souris.

 

Je pensais comme toi au début, mais après plusieurs test force est de constater que ça se rapproche de ça.

 

Mais il faut savoir que dans le thème par défaut de PS 1.5.6.2 dans le product.tpl voici le script d'affichage de l'image de l'article :

<span id="view_full_size">
                <img src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />
                <span class="span_link">{l s='Maximize'}</span>
</span>

Aucun contenu du paramètre ALT

Link to comment
Share on other sites
Mediacom87 Grand Master

Mediacom87

Posted
Posted

Bonjour,

 

donc oui on peut tout à fait utiliser le paramètre title afin de communiquer des informations non essentielles au visiteurs http://www.w3.org/wiki/Images_in_HTML mais concernant le référencement c’est une autre affaire.

 

Pour moi ne pas renseigner le alt est just un soucis d'accessibilité et d'informations importantes pour tous les visiteurs et navigateurs et de ce fait Google. le title sur une images est juste là pour palier le non affichage au survol de l’élément alt de certains navigateurs donc title est moins important que alt puisqu’il n'est là que pour corriger un soucis de compatibilité de navigateurs.

Link to comment
Share on other sites
oberton Newbie

oberton

Posted
Posted

Bon en fait je viens de vérifier et les attributs ALT sont renseignés pour la plupart de mes images.

Par contre ils manquent sur le zoom thickbox...je pense que ça doit se passer dans la fonction thickbox mais je ne sais pas ou elle se trouve....

Link to comment
Share on other sites
  • 2 weeks later...
Patrick_64 Newbie

Patrick_64

Posted
  • Author
Posted

Effectivement l'argument ALT dans la Fancybox n'est pas renseigné : alt=""

 

J'ai trouvé le fichier concerné : //js/jquery/plugins/fancybox et le fichier : jquery.fancybox.js

 

Comme il est compressé je ne peux pas vous donner la ligne, mais c'est vers le début, faites une recherche sur : alt=, il n'y en a qu'un.

 

Par contre quelqu'un pourrait me dire quoi mettre entre les crochets ? pourquoi pas quelqu'un de la Presta Team, ça irait plus vite

Link to comment
Share on other sites
  • 4 months later...
Gregory O Newbie

Gregory O

Posted
Posted

Bonjour,

j'ai le meme problème et je n'arrive pas à trouver de solution.

le fichier concerné est bien : jquery.fancybox.js

ligne 3 : image:'<img class="fancybox-image" src="{href}" alt="" />'

je ne sais pas quoi mettre dans cette balise alt pour pouvoir récupérer le nom de l'image.

Et le Top, aurait été d'ajouter également une balise "title", qui est plus importante que la balise "alt"

Merci pour votre aide.

 

Version : PS 1.5.6.1 sur VPS

Link to comment
Share on other sites
juju74460 Newbie

juju74460

Posted
Posted

bonsoir a tous!

J'ai fais la modification dans mon thème sans qu'il n'y ai eu de changement sur le alt des petites images malheureusement!

 

ce que j'ai fais:

 

Modifié le fichier product.tpl ligne 191
le alt="" en rajoutant: {$product->name|escape:'htmlall':'UTF-8'}

 

j'ai essayé aussi de le remplacer ligne 586, mais la encore, aucun changement lors de l'enregistrement puis de l'actualisation vers le ftp!

 

auriez vous une autre solution?

 

la version de mon presta: 1.5.6.1

Merci beaucoup pour votre aide!

 

Webmaster bing me tire les oreilles! lol

Link to comment
Share on other sites
Gregory O Newbie

Gregory O

Posted
Posted

Bonjour,

apparemment ce genre de fichier .js, n'accepte pas les variables tel que "$product...."
de mon côté, ça me fait carrément planté la page !

Comme je ne suis pas développeur, je n'ai aucune idée du genre de variable à insérer, mais je continu à chercher.

Merci de votre aide en tout cas !

 

Version : PS 1.5.6.1 sur VPS

Link to comment
Share on other sites
juju74460 Newbie

juju74460

Posted
Posted

Merci Greg pour t'as participation!

je suis ce topic de très près, car il serait grandement judicieux de trouver une solution a ce petit souci pour le bien de tous!
Si un développeur pouvait nous donner juste la petite ligne de code qui va bien pour gérer ce "alt",
ça serait vraiment très gentil a lui de partager!

Link to comment
Share on other sites
juju74460 Newbie

juju74460

Posted
Posted (edited)

Merci Mediacom87 pour t'as réponse!

 

comment le renseigner ce "alt" ??

C'est vrai qu'aparemment Bing en fait une gravité basse, mais il serait quand même judicieux de trouver la méthode!

Voila ce que l'on constate dans webmaster bing:

 

Rapports SEO (Bêta)  
Découvrez les parties de votre site pouvant nécessiter des ajustements afin d'être en conformité avec les meilleures pratiques SEO.

SUGGESTIONS SEO
                                                                                                                                                         GRAVITÉ
La balise <img> ne possède aucun attribut ALT défini.                                                                      Basse   
Les informations associées à la balise meta language ne sont pas présentes.                               Modérée 
La balise <h1> est absente.                                                                                                               Elevée   
La description n'est pas présente dans l'en-tête de votre page.                                                        Elevée
La description est trop longue ou trop courte.                                                                                    Elevée   
Edited by juju74460 (see edit history)
Link to comment
Share on other sites
YopixelAE Newbie

YopixelAE

Posted
Posted

Bonjour,

@Gregory O ""apparemment ce genre de fichier .js, n'accepte pas les variables tel que "$product....""

Vous devez créer la variable manquante, et transmettre de Smarty vers JS.

Fin de product.tpl vous ajoutez une définition. Exemple (unsecure, manque l'escape html) :

{addJsDef monAlt=$product->name}

Puis dans votre jquery.fancybox.js vous affectez monAlt au alt vide.

Link to comment
Share on other sites
Gregory O Newbie

Gregory O

Posted
Posted

Merci

 

Bonjour,

@Gregory O ""apparemment ce genre de fichier .js, n'accepte pas les variables tel que "$product....""

Vous devez créer la variable manquante, et transmettre de Smarty vers JS.

Fin de product.tpl vous ajoutez une définition. Exemple (unsecure, manque l'escape html) :

{addJsDef monAlt=$product->name}

Puis dans votre jquery.fancybox.js vous affectez monAlt au alt vide.

Merci bien Yopixel pour l'astuce, je vais essayer tout de suite !
J'imagine que la procédure est la même pour la balise "title" ?

Merci encore pour l'aide !

Link to comment
Share on other sites
Gregory O Newbie

Gregory O

Posted
Posted

Bon, voici mon retour d'expérience :
- dans le fichier product.tpl en bas de page, j'ai rajouté

{addJsDef mon_alt=$product->name|escape:'htmlall':'UTF-8'}

 

- dans le fichier jquery.fancybox.js à la ligne 3, j'ai modifier la balise image en ajoutant la variable "mon_alt" : 
image:'<img class="fancybox-image" src="{href}" alt="{mon_alt}" />'

 

Résultat : page blanche, ça plante !

 

J'ai essayé autre chose en déclarant différemment la variable dans product.tpl : 

<script type="text/javascript">
var mon_alt = {$product->name|escape:'htmlall':'UTF-8'};
</script>
 
Résultat : ça plante pas mais, la balise n'est pas reconnue dans le js : 
<img class="fancybox-image" src="/84-thickbox_default/image_test.jpg" alt="{mon_alt}">
 
donc le résultat n'est pas concluant pour le moment mais, 2 choses clochent :
- la déclaration de variable en fin de page du .tpl ne me parait pas très "propre" (j'imagine qu'il faut la déclarer ailleurs, mais où ?)
- dans le fichier "jquery.fancybox.js", quoique je mette dans la balise alt="" rien ne s'affiche, même si je remet la variable {href} de l'attribut "src". Je pense qu'il y a un problème de syntaxe ou que cette balise n'est pas modifiable, mais bon, il doit sûrement y avoir une solution !
 
Je continue à chercher, mais vos commentaires ou vos idées seront les biens venus !
Merci
Link to comment
Share on other sites
juju74460 Newbie

juju74460

Posted
Posted (edited)

Merci Greg pour ton retour!
moi aussi j'avais mis entre les "" de alt "" ce bout de code :{$product->name|escape:'htmlall':'UTF-8'}

sans que celui puisse fonctionner!

que se soit pour la ligne 191 ou 584 du fichier product.tpl

On dirait que la modification n'est pas prise en charge ou que le bout de code n'a aucune incidence sur la balise alt des petites images.

 

as tu vidé le cache avant de voir si la modif fonctionnait?

 

ce que je viens de lire a propos de la balise alt d'une image:

 

 

  • L’attribut Alt d’une image – Surprenamment, l’utilisation de l’attribut Alt d’une image a démontré une grande corrélation avec les résultats élevés dans les engins de recherche. C’est pourquoi son utilisation est fortement recommandée dans une image, une photo et une illustration dans laquelle vous pourrez insérer les mots clés pour lesquels vous souhaitez un meilleur positionnement.

la source: http://www.guerillaweb.ca/optimisation-seo-dune-page-web/ 

Edited by juju74460 (see edit history)
Link to comment
Share on other sites
  • 2 weeks later...
Patrick_64 Newbie

Patrick_64

Posted
  • Author
Posted

Bonjour à toutes et à tous,

 

Après plusieurs recherches l'argument (pour ne pas confondre avec la balise) le plus important est l'argument ALT, l'argument TITLE n'est là que pour l'utilisateur quand sa souris passe sur l'image le texte apparait.

 

Normalement il ne faudrait pas mettre le même texte dans les deux pour éviter un genre de duplicate content. Mais comme on n'a pas d'autre zone à disposition, je mets les mêmes sur les deux.

<img src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="{$product->name|escape:'htmlall':'UTF-8'}" title="{$product->name|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />

 

Quand à l'image JQZOOM, je n'y accorde pas plus d’intérêt que ça car je ne pense pas que les moteurs ne la voient pas.

 

Je préfère me consacrer au rédactionnel et au netlinking.

 

Bon courage à tous

Link to comment
Share on other sites
  • 2 weeks later...
Johann Contributor

Johann

Posted
Posted

Hello,

 

Petite démonstration que j'utilise durant mes formations SEO :

- vous allez sur Google Images

- vous recherchez "pizza aux anchois"

- vous cherchez l'intrus (pas dur)

- vous allez regarder le code sur le site ("baume referencement point com")

- vous verrez le "alt" et le "title" de l'image

- vous comprenez l'intéret (ou pas) de ces balises, ainsi que l'intérêt du contexte sémantique

 

CQFD :)

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...