Contenidos
Búsqueda de favicon
Cuando navegas por páginas web, sueles notar que al principio de las pestañas del navegador aparece un icono. Se llama Favicon. El 99,99% de los propietarios de sitios web utilizan el Favicon para representar su signo de confianza. También puedes notarlo al lado de la barra de direcciones. En este artículo, vamos a cubrir Lo que es Favicon, Cómo crear Favicon utilizando Favicon Generador, Cómo agregar Favicon en su sitio de WordPress.
Un Favicon forma abreviada de Favourite-Icon también conocido como un icono de acceso directo, icono del sitio web, icono de marcador, etc es un archivo de imagen cuadrada que aparece en frente de su nombre del sitio web. El Favicon ayuda al usuario a reconocer su sitio o marca. Aquí hay un ejemplo de Favicon.
El objetivo principal de añadir un Favicon es ser reconocido fácilmente. Cuando un usuario tiene demasiadas páginas diferentes marcadas, entonces puede encontrar fácilmente su sitio mirando el icono. Además, cuando abre demasiadas pestañas en su navegador, entonces puede cambiar rápidamente a cualquier sitio web específico que esté buscando.
Favicon también indica su marca como un signo de confianza. Se puede entender fácilmente si se abre su sitio web junto con otros sitios que ya tienen Favicon. Sería más vital si los usuarios comparan su sitio con otros competidores, no darán ningún valor a su sitio y probablemente lo abandonarán sin ninguna duda.
Cómo eliminar el logo de blogger de la barra de direcciones
<link rel=”apple-touch-icon-precomposed” sizes=”152×152″ href=”/path/to/favicon-152.png”>Nota: todo lo que sea “retina” y anterior redimensionará el icono por defecto de 120px ya que no se ha especificado ningún atributo de tamaño.Para más información sobre los iconos táctiles, consulta la documentación oficial de Apple, que también explica cómo eliminar la barra de estado, añadir un título de aplicación personalizado e incluso una pantalla de lanzamiento para tu web-app.¿Realmente necesitas declarar estas etiquetas HTML en el <head>? No. Mientras los iconos táctiles se suban a la carpeta raíz de la página web, Apple sabrá buscarlos allí, sin embargo, otros sistemas operativos también utilizan estos iconos – ¡incluso Android! Es mejor definirlos en el <head>.WindowsWindows 10 (Metro UI) utiliza un formato de mosaico para mostrar los iconos de las apps (con una opción alternativa de “Añadir sitio a las Apps”), que es un poco más complejo cuando se compara con otros métodos, pero vamos a empezar con los tamaños (px) antes de discutir la implementación. Nota: los 270x serán escalados a 150x en pantallas de baja densidad.Un archivo browserconfig.xml con el siguiente código debe ser subido al directorio raíz de su sitio web:<?xml version=”1.0″ encoding=”utf-8″?>
Cómo cambiar el favicon en html
El favicon es un icono que se muestra a la izquierda de la URL de un sitio web visitado en la barra de direcciones de un navegador web. El favicon también es visible en los resultados de los motores de búsqueda frente al título SEO de tu blog. El Favicon tiene un tamaño estándar de 16px * 16px, no es necesario cambiar el tamaño de la imagen del icono, simplemente manténgalo cuadrado y blogger lo redimensionará automáticamente al tamaño del favicon. Se recomienda guardar el icono en formato .png o .jpg.
En absoluto, la adición de Favicon no hará ningún impacto en el rango de página o SEO de su blog, es sólo útil para mostrar el aspecto de buen diseño y la singularidad de nuestro blog como muchos blogs de blogger están equipados con Favicon por defecto de blogger por lo que el uso de favicon personalizado distinguirá su blog de los demás. Es como la creación de su propio icono de la marca en lugar de Icono blogger común que cada blog blogspot tiene como estándar.
Paso 1 – Si usted está usando la nueva plataforma de blogger, entonces usted no encontrará ninguna opción para cambiar Favicon en el menú de diseño de blogger, por lo que necesita para volver al modo clásico (haga clic en volver al modo clásico en la parte inferior izquierda). como se muestra en la siguiente captura de pantalla.
Como cambiar el logo en blogger
Te voy a mostrar la manera más fácil de hacer uno. Hay un programa que sugiero descargar. Es gratuito, y puedes usarlo para todas tus necesidades fotográficas rápidas. Es IrfanView. Yo uso este programa como mi visor de fotos por defecto en mi ordenador simplemente porque es muy rápido y genial de usar.
Cuando hago un favicon personalizado, generalmente uso parte de la cabecera de mi blog. Echa un vistazo a SeaSide Sharon y Buttermilk Clouds. ¿Ves mi favicon en la barra de direcciones? Y en Firefox, el favicon también aparece en la pestaña. Cada uno de esos favicones fue tomado de mi imagen de cabecera.
Sube esa imagen a un sitio de alojamiento en línea. Utilizarás la URL del favicon del sitio de alojamiento para ponerlo en tu blog. Yo solía usar Ripway… pero me estoy alejando de él por mis problemas de ancho de banda. Ahora uso Flickr.
¡Ahora tienes un pequeño favicon personalizado! Para instalar tu favicon, sigue las instrucciones de este post Añadir un Favicon. Desde que hubo algún tipo de problema con los favicons en blogger, tuve que encontrar una solución. Así que asegúrese de seguir el enlace al final de ese post para una solución fácil.