Habilitar imágenes WebP en WordPress sin Plugins

Cómo habilitar imágenes WebP en WordPress sin Plugins

¿Qué son las imágenes WebP?

Las imágenes WebP o imágenes con formatos de próxima generación son un tipo de imágenes de alta calidad desarrolladas por Google. Su principal característica es la calidad de imagen con un bajo peso. Habilitar y optimizar imágenes WebP es una de las mejores prácticas para la optimización de imágenes para el SEO. La optimización de imágenes para el SEO es una de las mejores técnicas para lograr una mayor velocidad de carga del lado del usuario, es decir, del lado de nuestros visitantes Web. La velocidad es un factor muy importante en el posicionamiento Web y en la mayoría de los casos son la principal causa de latencia Web.

Siempre es conveniente comprimir las imágenes antes de subirlas a WordPress aunque durante el proceso de compresión perdemos calidad. Es por ello que WebP es una excelente solución a este inconveniente, podemos subir imágenes de bajo peso sin perder calidad.

WordPress no permite subir imágenes con formato WebP y, aunque existen plugins para habilitar su carga, nosotros vamos a detallar cómo subirlas sin plugins. ¿El motivo? Muy sencillo, cuando instalamos plugins en WordPress también incrementamos la velocidad de carga Web.

Desde posicionamiento Web SEO te detallamos cómo habilitar imágenes WebP sin plugins paso a paso.

WordPress está basado en PHP con lo cual podemos agregar o personalizar nuestras propias funciones.

Habilitar imágenes Webp con PHP

Para habilitar el formato de imágenes de próxima generación (WebP) tenemos que ubicarnos en nuestro tema hijo. Para ubicarnos en el tema hijo (Capeta contenedora de las funciones principales de PHP para nuestra hoja de estilo), tenemos que dirigirnos a > wp-content > plugin > themes > function.php

Editamos el archivo function.php y agregamos la siguiente función al final del documento:

function nuevo_formato ( $formato ) {
$formato[‘webp’] = ‘image/webp’;
return $formato;}
add_filter(‘upload_mimes’, ‘nuevo_formato’, 1, 1);

¿Cómo funciona?

En PHP estamos declarando una nueva función a la cual le pasamos un parámetro, en este caso será $formato, cuando el valor de $formato es enviado entonces el formato será habilitado en image/webp de WordPress.

add_filter es una función propia de WordPress la cual, al ser invocada, se necesita declarar los tipos de valores que debe interpretar. ‘upload_mimes’ (Permiso de Acceso a un nuevo mime permitido), ‘nombre de la función que realiza el proceso’.

Los tipos de mimes reconocidos por defecto por WordPress son:

 

‘jpg|jpeg|jpe’ => ‘image/jpeg’,
‘gif’ => ‘image/gif’,
‘png’ => ‘image/png’,
‘bmp’ => ‘image/bmp’,
‘tif|tiff’ => ‘image/tiff’,
‘ico’ => ‘image/x-icon’,

Habilitar imágenes WebP en apache server

Otra opción sería habilitar el uso de imágenes WebP del lado del servidor Apache.

Del lado del servidor tenemos que ingresar en .htaccess y agregar las siguientes líneas al archivo:

<IfModule mod_rewrite.c>
	RewriteEngine On
	RewriteCond %{HTTP_ACCEPT} image/webp
	RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
	RewriteRule ^(wp-content/uploads.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]
</IfModule>

<IfModule mod_headers.c>
	Header append Vary Accept env=REDIRECT_accept
</IfModule>

AddType image/webp .webp

Habilitar imágenes WebP en Nginx

En en caso de utilizar Nginx como servidor ingresar el siguiente código

map $http_accept $webp_ext {
    default "";
    "~*webp" ".webp";
}

# server config block
location ~* ^/wp-content/.+\.(png|jpg)$ {
    add_header Vary Accept;
    try_files $uri$webp_ext $uri =404;
}

Editar el archivo wp-config.php – Opción no recomendada por serguridad

Una solución rápida aunque no recomendada por seguridad, es editar el archivo wp-config.php en la carpeta principal de Wrodpress y agregar la siguiente línea:

define(‘ALLOW_UNFILTERED_UPLOADS’, true);

Cuidado: Con estas línea estaremos habilitando todos los tipos de archivos no definidos.

Borrar el caché del servidor o ejecutar un refresh

En el caso de aplicar cualquiera de las opciones y WordPress no permite subir los archivos, tenemos que borrar el caché y problema resuelto, ya puedes subir imágenes de próxima generación en WordPress.
Una Agencia SEO , los especialistas en Posicionamiento Web o expertos en SEO deben optimizar un sitio Web para clasificar en los primeros resultados de Google mediante la búsqueda orgánica del buscador. Entre las mejoras aplicadas el Posicionamiento WEB SEO debe tener en cuenta las keywords (palabras clave) que son tendencias en internet para determinado contenido, el posicionamiento interno y externo (SEO onPage y SEO Off Page), la experiencia de usuario (UX), contenido de calidad, jerarquía de la información, la velocidad del sitio Web, backlinks, seguridad del sitio y todos aquellos factores que interfieren en la experiencia de la página Web como es el rendimiento del servidor Web (Core Web Vitals) con el fin de aumentar la visibilidad de un sitio Web en los resultados de búsqueda y así aumentar el tráfico Web.
La optimización SEO prácticamente se enfoca en darle mayor visibilidad a un sitio Web para los resultados de la búsqueda en Google, en Bing, Yahoo y DuckDuckGo puesto que Google lleva la delantera ante otros motores de búsqueda aunque hacer SEO es prácticamente optimizar un sitio Web para Google, un especialista en SEO debe optimizar un sitio Web para todos los motores de búsqueda conocidos.

¿Qué es y cuál es la función de un especialista en posicionamiento SEO?

La función de un especialista en posicionamiento Web SEO es optimizar un sitio Web con el fin de facilitar su rastreo por los principales bots de los motores de búsqueda Google, Yahoo, Bing y DuckDuckGo. Un sitio Web optimizado para el SEO tendrá más posibilidades de ser rastreado por los bots de los buscadores los cuales se encargan de recopilar información para su posterior comparación, clasificación e indexación en los resultados de búsqueda.
Como especialistas en posicionamiento Web tenemos como objetivo y tarea principal aumentar la visibilidad del sitio Web clasificándose en las primeras posiciones de Google mediante el posicionamiento orgánico o natural, sin publicidad de pago, implementando mejoras técnicas en los factores que influyen en la clasificación en los motores de búsqueda en una página Web o tienda online. ¿Necesitas un especialista en SEO? Somos expertos en SEO y conocemos las claves para posicionar tu página Web en los primeros resultados de la búsqueda de Google. Contactá con nuestros especialistas en posicionamiento Web (SEO) y comienza a escalar en los primeros lugares para los principales motores de búsqueda e incrementa notablemente la conversión de visitantes en clientes tu Web.

¿Necesitás un servicio de posicionamiento Web en Google?

Si estás pensando en contratar un servicio de posicionamiento Web SEO en Google es el mejor momento para hacerlo. Si te preguntas cómo posicionar mi sitio Web, cómo aparecer en los primeros resultados de Google, en nuestra Agencia SEO Posicionamiento Web SEO ofrecemos las mejores estrategias de posicionamiento orgánico en Argentina. Aumente sus ventas con nuestra Agencia SEO con las mejores estrategias de SEO, en Posicionamiento Web SEO ofrecemos servicios de SEO al mejor precio del Mercado. Si estás por generar nuevo contenido, modificar artículos publicados, modificar una tienda online o cambiar el diseño de tu sitio Web, será mejor que contrates un experto en SEO cuanto antes. Un experto en SEO optimiza tu sitio Web conforme a las directrices de Google, es decir, optimizará tu sitio Web conforme a los requisitos de Google y así lograrás posicionar tu sitio Web en la posición 1 de Google.

Summary
Habilitar imágenes WebP en WordPress sin Plugins - Optimización de imágenes para el SEO
Article Name
Habilitar imágenes WebP en WordPress sin Plugins - Optimización de imágenes para el SEO
Description
Habilitar imágenes WebP en WordPress sin plugins - Posicionamiento Web SEO - Agencia SEO
Author
Publisher Name
Posicionamiento Web SEO
Publisher Logo

By Facundo Cevey

Experto en SEO de Posicionamiento Web SEO > posicionamiento-web-seo.com.ar especialista en SEO y amante de la nueva tecnología.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *