¿Cómo colocar el favicon para que aparezca en los resultados de búsqueda de Google en móvil?

[jrayocortes]

¡Hola!

Después de colocar el Favicon para que aparezca en la pestaña del navegador me gustaría que también apareciese en los resultados de búsqueda de Google y colocar una imagen en la parte derecha (ver foto), ¿alguien podría ayudarme?

¡Gracias!

[Javier · Accepted solution]

Hola @jrayocortes,

Gracias por ponerte en contacto. Para que la lectura sea más fácil, voy a dividir mi respuesta en 2 partes, ¿vale?

__________

Cómo definir un favicon para que se aparezca en los resultados de búsqueda

Según esta guía de Google , tienes que hacer los próximos pasos:

1) Crea un icono de página que cumpla con las directrices indicadas en esta guía de Google 

2) Añade una etiqueta <link> al encabezado de tu página principal con esta sintaxis:

                 <link rel="shortcut icon" href="/ruta/a/iconodepagina.ico">

                 rel

                 Puede ser una de estas cadenas:

                      "shortcut icon"

                      "icon"

                       "apple-touch-icon"

                       "apple-touch-icon-precomposed"

href

La URL del icono de página. Puede ser una ruta relativa (/sonrisa.ico) o absoluta (https://example.com/sonrisa.ico), pero debe estar en el mismo dominio que la página principal.

3. Google buscará y actualizará el icono de tu página cuando rastree tu página principal. Si haces algún cambio en este icono y quieres notificarlo a Google, puedes solicitar la indexación de la página principal de tu sitio web. Las actualizaciones pueden tardar varios días en aparecer en los resultados de búsqueda.

Si no te sientes confortable modificando el código de tu tienda así, haz clic en nuestra 'Página de soporte' para enviarnos un correo electrónico. No te olvides a hacer referencia a esta guía de Google  para que el asesor que encuentre tu correo pueda entender el contexto y ayudarte sin tardar.

Acuérdate que para recibir soporte de nuestro equipo de temas, necesitas ya haber elegido un plan pagado y tu tema tiene que ser un tema desarrollado por Shopify . Si no es un tema de Shopify, ponte en contacto con los desarrolladores de tu tema para que ellos puedan darte seguimiento con tu soporte en relación a esta modificación de tu código.

_________

Cómo agregar una imagen a Google

Según la guía de Google, para incluir una imagen en los resultados de la búsqueda de Google, agrega una imagen a un sitio web junto con una descripción.

Si bien no puedes subir imágenes directamente a los resultados de la búsqueda, las imágenes públicas de un sitio web pueden aparecer en los resultados de la búsqueda.

Los pasos a seguir son:

1)  Publicar tu imagen en un sitio web

Si quieres que tu foto o imagen aparezca en los resultados de la búsqueda de Google, tendrás que publicar la foto en un sitio web. A continuación, podrás encontrar algunos servicios gratuitos de hosting de contenido que puedes utilizar si no tienes un sitio web.

2) Comprobar que la imagen sea pública y pueda buscarse

Al publicar una imagen en un sitio web público que puede encontrarse mediante una búsqueda, Google encontrarla y agregarla al índice de Google Imágenes. Al subir la imagen, verifica que la página en donde se encuentra sea de acceso público.

De nuevo, Google sugiere que les solicites la indexación a través del envío del mapa de tu sitio.

________

Saludos,

[mihaidobre]

Hola @jrayocortes  y @Javier 

Creo que también desde la misma tienda en Shopify en ajustes puedes añadir el favicon .. De esta manera cuando Google actualizara tu web enseñara también en los resultados de busqueda de tu web el favicon .. Para añadir el favicon directamente en tu tienda tienes que seguir los siguientes pasos: 

1. Desde tu panel de control de Shopify, ve a Tienda online > Temas.
2. Busca el tema que deseas editar y luego haz clic en Personalizar.

1. Haz clic en Configuración del tema.
2. Haz clic en Favicon.

3. En el área Imagen de favicon, haz clic en Seleccionar imagen y luego realiza una de las siguientes acciones: - Para seleccionar una imagen que ya has subido a tu panel de control de Shopify, haz clic en la pestaña Biblioteca.

   • Para seleccionar una imagen de tu computadora, haz clic en la pestaña Biblioteca y luego haz clic en Subir imagen.

4. Agregar texto alternativo a tu imagen de favicon:

   1. Haz clic en Editar.
   2. En la ventana Editar imagen, introduce una breve descripción de la imagen.
   3. Haz clic en Guardar.

5. Haz clic en Guardar.

Espero que esto también te ha servido y es lo que estabas buscando

Un saludo, 

Mihai Dobre