No se muestra el favicon en Chrome y Opera

liukin · 12 Oct 2018

Maquina virtual recién instalada(ni cookies, ni caché en los navegadores), en Firefox se ve el favicon y en Chrome no.

En el resto de equipos que he probado me pasa exactamente lo mismo:
Opera y Chrome - El Favicon NO se ve
Firefox y Edge - El Favicon SI se ve

Os dejo enlace a la web y el código que utilizo dentro del <head>:

Insertar CODE, HTML o PHP:

<link rel="icon" type="image/png" href="/wp-content/uploads/2018/05/favic-3.png">

Alguna idea? Os pasa lo mismo al acceder al sitio?

La ruta del favicon está correcta ya que al acceder inspeccionando el código me lleva a la misma y al cambiarlo por otro en los navegadores que sí se ven se reflejan los cambios.

- - - Actualizado - - -

He probado también a cambiar el favicon a una imagen codificada en Base64 y persiste el error, en unos navegadores se ve y otros no.

Insertar CODE, HTML o PHP:

<link href="data:image/x-icon;base64,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
oooDvy0AAAAASUVORK5CYII=" rel="icon" type="image/x-icon" />

Se me están acabando las ideas :ambivalence:

HTML · 12 Oct 2018

Hola prueba a poner el favicon en la carpeta raiz y con el nombre favicon. Intenta con estas opciones. Me cuentas. Saludos. :encouragement:

liukin · 12 Oct 2018

HTML dijo:
Hola prueba a poner el favicon en la carpeta raiz y con el nombre favicon. Intenta con estas opciones. Me cuentas. Saludos. :encouragement:

Es un Wordpress, te refieres a la raíz del theme? Igualmente ya he probado incluso con una URL externa (el favicon alojado en otra web) y sigue igual.:distant:

Dudo que sea por la ruta ya que sino en principio tampoco debería funcionar en los otros navegadores. Según estoy haciendo cambios me huele más a algún problema en el functions.php o incluso con el .htaccess

arnego2 · 12 Oct 2018

liukin dijo:
Es un Wordpress, te refieres a la raíz del theme? Igualmente ya he probado incluso con una URL externa (el favicon alojado en otra web) y sigue igual.:distant:

la raíz de tu pagina esta en public_html donde se encuentra el archivo index.php del tu instalación WP.
Es el lugar indicado donde poner el favicon.icon, tamaño como 8x8 hasta 12x12 creo max.

liukin · 12 Oct 2018

arnego2 dijo:
la raíz de tu pagina esta en public_html donde se encuentra el archivo index.php del tu instalación WP.
Es el lugar indicado donde poner el favicon.icon, tamaño como 8x8 hasta 12x12 creo max.

Con esas dimensiones se iba a ver bonito en dispositivos retina...Actualmente mínimo de 32x32 para arriba:distant:

Como ya aclaré en el primer mensaje, no es problema ni de la ruta ni de caché, aunque ya sabía que todos los comentarios iban a ir por ahí. Según voy probando veo que es más problema de mi theme de Wordpress ya que con otros y haciendo lo mismo me funciona.

Desisto de encontrar una solución por aquí, en todo caso lo consultaré en la sección de Wordpress. Gracias igualmente.

SnakeNet · 13 Oct 2018

liukin dijo:
Con esas dimensiones se iba a ver bonito en dispositivos retina...Actualmente mínimo de 32x32 para arriba:distant:

Como ya aclaré en el primer mensaje, no es problema ni de la ruta ni de caché, aunque ya sabía que todos los comentarios iban a ir por ahí. Según voy probando veo que es más problema de mi theme de Wordpress ya que con otros y haciendo lo mismo me funciona.

Desisto de encontrar una solución por aquí, en todo caso lo consultaré en la sección de Wordpress. Gracias igualmente.

Revisa que el theme no te lo este generando si puedes facilitar la url.

Cicklow · 13 Oct 2018

mmm metele tmb favicon es con: <link rel="Shortcut Icon" href="favicon.ico" type="image/x-icon" /> solo copia el favicon png a .ico...y funca igual yo lo tengo asi:

PHP:

<link href="https://www.miweb.com/favicon.ico" rel="icon" type="image/x-icon"/>
<link rel="Shortcut Icon" href="https://www.miweb.com/favicon.ico" type="image/x-icon" />

y me funca en chrome

otra es forzarlo a que actualize el cache de favicons con

PHP:

<link href="https://www.miweb.com/favicon.ico?v=2" rel="icon" type="image/x-icon"/>
<link rel="Shortcut Icon" href="https://www.miweb.com/favicon.ico?v=2" type="image/x-icon" />

sino mirate otros sitios... ejemplo youtube lo tiene asi

PHP:

<link rel="shortcut icon" href="https://s.ytimg.com/yts/img/favicon-vfl8qSV2F.ico" type="image/x-icon">     <link rel="icon" href="/yts/img/favicon_32-vflOogEID.png" sizes="32x32"><link rel="icon" href="/yts/img/favicon_48-vflVjB_Qk.png" sizes="48x48"><link rel="icon" href="/yts/img/favicon_96-vflW9Ec0w.png" sizes="96x96"><link rel="icon" href="/yts/img/favicon_144-vfliLAfaB.png" sizes="144x144">

liukin · 13 Oct 2018

SnakeNet dijo:
Revisa que el theme no te lo este generando si puedes facilitar la url.

En el código de la web solo aparece la referencia al la línea de código que uso manualmente para el favicon, por lo que no me lo esta generando de otra forma. La opción de añadirlo desde el Personalizador no la estoy utilizando ya que tampoco funciona. Y la url esta en el primer mensaje del post.

- - - Actualizado - - -

cicklow dijo:
mmm metele tmb favicon es con: <link rel="Shortcut Icon" href="https://forobeta.com/favicon.ico" type="image/x-icon" /> solo copia el favicon png a .ico...y funca igual yo lo tengo asi:

PHP:

<link href="https://www.miweb.com/favicon.ico" rel="icon" type="image/x-icon"/> <link rel="Shortcut Icon" href="https://www.miweb.com/favicon.ico" type="image/x-icon" />

y me funca en chrome

otra es forzarlo a que actualize el cache de favicons con

PHP:

<link href="https://www.miweb.com/favicon.ico?v=2" rel="icon" type="image/x-icon"/> <link rel="Shortcut Icon" href="https://www.miweb.com/favicon.ico?v=2" type="image/x-icon" />

sino mirate otros sitios... ejemplo youtube lo tiene asi

PHP:

<link rel="shortcut icon" href="https://s.ytimg.com/yts/img/favicon-vfl8qSV2F.ico" type="image/x-icon"> <link rel="icon" href="http://forobeta.com/yts/img/favicon_32-vflOogEID.png" sizes="32x32"><link rel="icon" href="http://forobeta.com/yts/img/favicon_48-vflVjB_Qk.png" sizes="48x48"><link rel="icon" href="http://forobeta.com/yts/img/favicon_96-vflW9Ec0w.png" sizes="96x96"><link rel="icon" href="http://forobeta.com/yts/img/favicon_144-vfliLAfaB.png" sizes="144x144">

Ahora mismo prueba de esas formas y aviso si ha funcionado alguna.

SnakeNet · 13 Oct 2018

liukin dijo:
En el código de la web solo aparece la referencia al la línea de código que uso manualmente para el favicon, por lo que no me lo esta generando de otra forma. La opción de añadirlo desde el Personalizador no la estoy utilizando ya que tampoco funciona. Y la url esta en el primer mensaje del post.

- - - Actualizado - - -

Ahora mismo prueba de esas formas y aviso si ha funcionado alguna.

Ponlo al principio de <head> y ahí carga.

liukin · 13 Oct 2018

SnakeNet dijo:
Ponlo al principio de <head> y ahí carga.

Cambiado, pero sigue igual.

SnakeNet · 13 Oct 2018

liukin dijo:
Cambiado, pero sigue igual.

El theme está alterando tu código en view-source lo carga bien pero en página lo traduce a body Imgur: The magic of the Internet desde donde lo estás añadiendo?

liukin · 13 Oct 2018

SnakeNet dijo:
El theme está alterando tu código en view-source lo carga bien pero en página lo traduce a body Imgur: The magic of the Internet desde donde lo estás añadiendo?

Editando el header.php por FTP.
Y sí, a esa conclusión había llegado, ya que si pones el <link href="https://pc-solucion.es/wp-content/uploads/2018/10/favic-3-2.ico" rel="icon" type="image/x-icon"/> como elemnto una vez ha cargado ya la web si te lo muestra.
Digo una vez más, no es tema de cachés ni rutas, es algo del theme que se está cargando. Incluso cambiando de theme el problema se soluciona.
Lo que me mosquea es que en ciertos navegadores sí se vea. Sí el theme se lo carga me parece raro que sólo sea en Opera y Chrome.

SnakeNet · 13 Oct 2018

En ese caso revisa functions.php que es donde debe estar alterado.

liukin · 13 Oct 2018

SnakeNet dijo:
En ese caso revisa functions.php que es donde debe estar alterado.

Sí, tiene pinta que es ahí donde esta el problema ya que el header.php es tan sencillo que no debería ser.

He borrado parte a parte el código de functions y probando con cada cambio y en ningún momento se ha solucionado. Volveré a probar de nuevo por si acaso:ambivalence:

Algo que no había comentado es que en la parte del panel de administrador de Wordpress si se muestra el favicon en todos los navegadores, cosa que me parece curiosa.

No se muestra el favicon en Chrome y Opera

liukin

HTML

liukin

arnego2

liukin

SnakeNet

Cicklow

liukin

SnakeNet

liukin

SnakeNet

liukin

SnakeNet

liukin

Temas similares