fedefog
commented
6 years ago TIncho respecto a este vamos a implementar las imagenes como css de los siguientes elementos:
- iconos redes sociales
- potes del menu
- iconos del menu
- titulos de los potes en la pagina de producto
- Imagen top de la pagina de receta
El resto no sabriamos como implementarlo para que vos despues hagas dinamico:
- imagenes de los pasos
- Imagen del pote en la pagina de producto
- Imagenes de los slides donde se muestran las recetas y productos.
sofiasoldano
Todo lo que es miscelanea, decorativo, etc, no debería aparecer en el html como contenido (tag img), por dos razones principalmente: 1) por que es lo correcto semanticamente hablando; 2) porque google tiene la mala costumbre de levantar todas estas imágenes y usarlas en los resultados de búsqueda cuando preferiríamos que no lo haga.
Por regla general conviene siempre evitar poner tags img en el html, salvo cuando sea una imagen que se comparte por redes sociales (son esos casos puntuales donde queremos que los buscadores se enteren que esta imagen es parte del contenido).
En el caso de logos, branding, etc (que sean propios) conviene que se encuentren como img solo en la pagina institucional, y en el resto como css. Aunque esto rompe con las recomendaciones en cuanto fidelidad semantica del html, es conveniente en cuanto a los buscadores, que asocien la imagen unicamente con la pagina de branding (generalmente la home).
En el caso de menues de interacción es siempre preferible que no se usen tags img. De nuevo para evitar que los buscadores asocien accidentalmente la imagen con la pagina incorrecta y porque en estos casos las imagenes son ilustrativas y no contenido real del menu.
Otros casos donde no usar imagenes son por ejemplo los pasos de las recetas, porque son ilustrativas y porque no sirven como representación del contenido total de la pagina, que es lo que puede pasar si google la levanta e intenta usarla como thumbnail de la pagina. Diferente seria el caso si hubiera una pagina para cada paso.
En pocas palabras, si una imagen no queda bien como thumbnail de la pagina actual, no debe ir como img.