Cómo eliminar fácilmente el icono de WordPress de la pestaña del navegador

¿Quiere eliminar el ícono de WordPress de la pestaña del navegador de su sitio web?

Al eliminar el ícono de WordPress y reemplazarlo con su propio favicon personalizado, puede aumentar el reconocimiento de su marca entre los clientes, personalizar su sitio web y mejorar el atractivo visual.

En este artículo, le mostraremos cómo eliminar fácilmente el ícono de WordPress de la pestaña de su navegador.

¿Por qué eliminar el ícono de WordPress de la pestaña del navegador?

El ícono de WordPress en la pestaña de su navegador puede hacer que su sitio web parezca genérico y poco profesional. La mayoría de los usuarios tienen muchas pestañas abiertas en su navegador, lo que puede provocar que el título de su sitio web esté oculto.

Con solo el logotipo de WordPress en el listado, sus usuarios no podrán identificar su sitio, entre muchos otros.

Al eliminar el ícono de WordPress de la pestaña de su navegador y agregar un favicon (es decir, el ícono de su sitio), puede usar el logotipo de su marca y hacer que su sitio sea más fácil de usar para sus visitantes.

Un favicon es una pequeña imagen que aparece junto al título de su sitio web en el navegador.

El favicon ayudará a sus usuarios a reconocer instantáneamente su sitio web y cambiar entre pestañas de manera eficiente. Los visitantes frecuentes incluso podrán reconocer inmediatamente esa pequeña imagen en su navegador.

Dicho esto, echemos un vistazo a cómo eliminar fácilmente el ícono de WordPress de la pestaña de su navegador. Hoy veremos ambos métodos y podrás elegir el que más te convenga:

Método 1: eliminar el ícono de WordPress sin complemento

Si usa un tema de bloque en WordPress, puede usar este método para eliminar el ícono de WordPress en una pestaña del navegador.

Al momento de escribir este tutorial, el tema predeterminado de WordPress, Twenty Twenty-Three, no tiene un bloque de íconos de sitio para cambiar el favicon del logotipo de WordPress.

Primero necesitas navegar a Apariencia » Editor desde su panel de administración de WordPress para abrir el editor completo del sitio.

Sin embargo, no puede editar su favicon desde aquí ni eliminar el ícono de WordPress de la pestaña de su navegador. Para hacer esto, copie y pegue la siguiente URL en su navegador para abrir el personalizador de temas:

https://example.com/wp-admin/customize.php

Recuerde reemplazar “ejemplo.com” con el nombre de dominio de su sitio.

Esta URL lo llevará al personalizador de temas, donde deberá hacer clic en la pestaña “Identidad del sitio”.

Una vez que esté allí, desplácese hacia abajo hasta la sección “Icono del sitio”.

Desde aquí, simplemente haga clic en el botón “Seleccionar icono del sitio” para abrir la biblioteca multimedia de WordPress.

Ahora puede seleccionar cualquier imagen que desee utilizar como favicon para reemplazar el ícono de WordPress en la pestaña de su navegador.

Para obtener más detalles sobre cómo crear un favicon, puede consultar nuestro tutorial sobre cómo agregar un favicon en WordPress. Si la imagen que eligió usar como favicon excede el tamaño recomendado, WordPress le permitirá recortarla.

Una vez que esté satisfecho con su elección, simplemente haga clic en el botón “Publicar” que aparece arriba.

Eliminar el ícono de WordPress en un tema sin cambiar todo el sitio

Si utiliza un tema clásico, puede acceder directamente a la personalización del tema en Apariencia »Personalizar para eliminar el ícono de WordPress de la pestaña de su navegador.

En sitios que no admiten el editor de sitio completo, el personalizador de temas de WordPress le permite cambiar detalles de su sitio, como favicons, tipografía, colores predeterminados, pie de página y más.

Una vez en el personalizador de temas, haga clic en la pestaña “Identidad del sitio”. El proceso es el mismo que hemos mostrado arriba. Puede eliminar el ícono de WordPress simplemente cargando el ícono del sitio de su elección.

Una vez que esté satisfecho con su elección, simplemente haga clic en el botón “Publicar” para guardar los cambios.

Método 2: eliminar el ícono de WordPress usando un complemento

También puedes usar un complemento para eliminar el ícono de WordPress y reemplazarlo con un favicon.

Primero necesitas instalar y activar el archivo. Generador de Favicon heroico conectar. Para obtener más detalles, consulte nuestra guía para principiantes sobre cómo instalar un complemento de WordPress.

Después de la activación, visite el Complementos » Complementos instalados página y haga clic en la opción “Configuración de Favicon”.

Esto te llevará a la página “Configuración del generador Heroic Favicon”. Aquí, simplemente haga clic en el botón “Seleccionar Favicon”.

Esto abrirá la biblioteca multimedia de WordPress. Ahora puedes elegir y cargar cualquier imagen que quieras usar como favicon.

Una vez que hayas hecho eso, desplázate hacia abajo hasta la sección “Vistas previas”, donde podrás ver cómo se verá el favicon en tu sitio web de WordPress.

Una vez que esté satisfecho, simplemente desplácese hacia abajo y haga clic en el botón “Guardar cambios”.

Ha eliminado con éxito el icono de WordPress y ha añadido un favicon en su lugar.

Bonificación: agregar notificación de pestaña del navegador en WordPress

Además de agregar un favicon personalizado para captar la atención del usuario, también puede agregar notificaciones en la pestaña del navegador de su sitio web para atraer clientes.

Esta notificación es un mensaje que aparecerá en la pestaña del navegador cuando el usuario se centre en un sitio web diferente. Puede ayudar a reducir las tasas de abandono del carrito y generar más tráfico a su sitio.

Puede agregar fácilmente una notificación en la pestaña de su navegador en WordPress usando Código WP. Es el mejor complemento de fragmentos de código de WordPress del mercado que hace que agregar código personalizado a su sitio web sea simple y seguro.

Después de instalar el complemento, todo lo que necesitas hacer es visitar el archivo Fragmento de código » + Agregar fragmento desde la barra lateral de administración de WordPress y haga clic en “Usar fragmento” en la opción Agregar su código personalizado (nuevo fragmento)”.

Se le dirigirá a la página “Crear fragmento personalizado”, donde deberá seleccionar “Fragmento de JavaScript” como “Tipo de código” en el menú desplegable de la derecha.

A continuación, agregue el siguiente código personalizado en el cuadro “Vista previa del código”:

let count = 0;
const title = document.title;
function changeTitle() {
    count++;
    var newTitle="(" + count + ') ' + title;
    document.title = newTitle;
}
function newUpdate() {
    const update = setInterval(changeTitle, 2000);
}
document.addEventListener('DOMContentLoaded', newUpdate );

Finalmente, haga clic en el botón “Guardar fragmento” y configure el interruptor “Inactivo” en “Activo”.

Ahora ha agregado con éxito una notificación en la pestaña del navegador a su sitio web que mostrará la cantidad de nuevas actualizaciones.

Si desea mostrar un mensaje o cambiar los favicons en la pestaña de su navegador, puede consultar nuestro tutorial completo sobre cómo agregar fácilmente notificaciones de pestañas del navegador en WordPress.

Esperamos que este artículo le haya ayudado a aprender cómo eliminar el icono de WordPress de la pestaña de su navegador. Quizás también quieras consultar nuestra guía definitiva de SEO de WordPress para mejorar tu clasificación y consultar nuestro artículo sobre cómo mover fácilmente tu blog de WordPress.com a WordPress.org.