web-dev-qa-db-fra.com

Masquer le texte déjà affiché dans une image d'aperçu

J'ai une page dans laquelle j'ai un aperçu d'un document, au format JPG. De plus, j'ai lu le contenu de cette image.

Je le fais comme ça, mais je ne sais pas si c'est un moyen pour que Google ne me déteste pas:

<div class="image-container">                        
   <img src="preview.doc.jpg" />
   <hidden style="display:none">
       Lots of text which is in preview.doc, but the image above actually 
says this text, but as an image because a Word document 
cannot be shown in a browser,
but it's alot which I do not want to show to the user because the data in here is actually rendered nicely above 
as a Word document with all styling.
   </hidden>
</div>

Est-ce la façon de le faire ou devrais-je le faire d'une autre manière?

seohtmlimageshidden-text
1
Yureh spellflinger

Si vous souhaitez suivre les meilleures pratiques en ce qui concerne les consignes de Google, vous devez montrer à tout le monde exactement le même contenu, qu'il s'agisse d'utilisateurs ou de robots. Une alternative serait de placer le contenu en HTML sur la page, sous l’image, mais d’utiliser un accordéon/menu déroulant/clic pour développer le type afin que le texte soit "masqué" sauf si vous cliquez dessus et n’affectera pas l’UX de la page.

1
Hannah C.

Cela a l'air un peu long, mais je suppose que vous pourriez simplement le déposer dans l'attribut alt de l'image.

<div class="image-container">                        
  <img
    src="preview.doc.jpg"
    alt="Lots of text which is in preview.doc, but the image above actually says this text, but as an image because a Word document cannot be shown in a browser, but it's alot which I do not want to show to the user because the data in here is actually rendered nicely above as a Word document with all styling."
  />
</div>

Il est un peu difficile de ne pas connaître le but de conserver le .DOC (au lieu de simplement coller/formater le contenu en ligne), mais cela ne serait pas totalement hors de l’usage des attributs alt.

Non conventionnel? Sûr. Mieux qu'un Caché DIV? Je dirais presque certainement.

1
Andrew Lott