Jump to content
Patrick_64

La plus important : ALT ou TITLE pour une image

Recommended Posts

Dans la balise IMG SRC il y a entre autre 2 options :

 

L'option TITLE et l'option ALT

 

Au niveau référencement laquelle est la plus importante pour vous ?

Share this post


Link to post
Share on other sites

Bonjour,

 

que ALT puisque title ne s'applique que sur les liens.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Oui, d'accord avec toi.

 

Donc les personnes utilisant le thème par défaut de PS 1.5.6.2, bien vérifier leur product.tpl et renseigner le ALT=""

Share this post


Link to post
Share on other sites

Vous n'avez aucun bénéfice à tirer de la balise TITLE en SEO. Cette balise doit cependant être complétée pour influencer le comportement de l'internaute.

Share this post


Link to post
Share on other sites

C'est aussi mon avis, c'est pour cela qu'il faut vérifier le code de PS 1.5 dans le product.tpl par défaut, il y a le paramètre TITLE qui est renseigné et pas le ALT.

Share this post


Link to post
Share on other sites

Interressant, donc dans le product.tpl il faut rajouter {$product->name|escape:'htmlall':'UTF-8'} dans le ALT?

Share this post


Link to post
Share on other sites

Ca remet une balise ALT sur toutes les images existantes ou seulement les nouveaux produits?

Share this post


Link to post
Share on other sites

Ca remet une balise ALT sur toutes les images existantes ou seulement les nouveaux produits?

Bonjour,

 

En chnageant un fichier cela touche l'ensemble du site. Donc tous les produits.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

Bonjour,

 

le alt de cette image n'est pas capital au niveau référencement car elle ne sera jams vu par les moteurs de recherche.

 

Mais peut être que pour l'accessibilité du site il serait bon de le renseigner.

Share this post


Link to post
Share on other sites

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)

Share this post


Link to post
Share on other sites

Pour la balise alt est ce bien celle du zoom qui ne sont pas renseignées ou d'autres ?

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 !

Share this post


Link to post
Share on other sites

Greg, si ca marche pourrais tu expliquer en détail étape par étape stp?

merci a vs deux!! :D

Share this post


Link to post
Share on other sites

 

J'imagine que la procédure est la même pour la balise "title" ?

 

Oui (mais ne mettez pas pareil que pour le Alt).

Share this post


Link to post
Share on other sites

Merci !
Pourquoi ne pas mettre la même chose que pour le "alt" ?

je comptais mettre le nom de l'image, à la fois dans le Alt et dans le Title.

En quoi ça peut être gênant ?

 

merci pour votre aide

Share this post


Link to post
Share on other sites

as tu réussi avec le alt Gregory O ??

non pas encore, je suis dessus, dès que c'est ok, je te donne la procédure, pas de soucis !

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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 :)

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More