3 consejos sobre la administración de imágenes menos conocidas en WordPress

Bienvenido a la segunda publicación en la guía final para administrar imágenes de WordPress. La primera publicación fue sobre comenzar con el pie derecho. Descubrimos cuándo usar un formato de imagen JPG o PNG (aunque con ejemplos rigurosos) y algunos consejos para cargar correctamente una imagen de stock. En la publicación de hoy, analizaremos algunos de los aspectos más técnicos del mantenimiento y la gestión de imágenes en su sitio web de WordPress.
¿Qué sucede con sus imágenes cuando cambia la URL del sitio o mueve los servidores?
¿Qué sucede si tiene más autores en su sitio y algunos de ellos están vinculados a imágenes externas? ¿Cómo haces que estas imágenes se alojen en tu servidor?
¿Qué sucede cuando alguien conecta sus imágenes calientes? ¿Qué es el hotlinking?
Estas son algunas de las preguntas que responderemos en la publicación de hoy. Como siempre con nuestra serie de publicaciones, comenzamos con por qué y luego pasamos a cómo. ¡Vamos a empezar!.
Consejo no. 1: Administrar imágenes con actualizaciones de URL URL Este es uno de los errores más comunes que vemos en los usuarios de WordPress. ¿Cuándo cambia la URL del sitio de WordPress? Pero primero, debemos entender cuándo es probable que la URL de un sitio cambie. Los siguientes son los tres escenarios más comunes. 1. El cambio a una nueva URL del nombre de dominio del sitio se actualiza cuando cambia el nombre de dominio. Por ejemplo, MOZ se conocía anteriormente como seomosis. Con su nueva marca, tuvieron que actualizar todas las URL existentes de imágenes, PDF, enlaces afiliados, etc. de seomoz.com a moz.com
2. Cambiar la URL del director de instalación de WordPress de los cambios del sitio y cuando cambia la ubicación de su instalación de WordPress. De hecho, este es uno de los casos más comunes. WordPress se establece en un nuevo director predeterminado llamado blog. Muchos usuarios por primera vez por WordPress llegan, sin saber, instalar WordPress en Ejemplo.com/Blog. Solo para darse cuenta más tarde de que quieren mover WordPress en el campo Root, es decir, ejemplo.com. (Si usted es una empresa de productos o servicios, que incluía un marketing de contenidos en las etapas posteriores, informaría). Una vez que WordPress se mueva al directorio raíz, la URL del sitio cambia de ejemplo.com/blog con solo ejemplo. com. Cualquier imagen, PDF (o cualquier archivo de medios a este respecto) se vería así:
Antiguo: ejemplo.com/blog/ebook.pdf
Nuevo: ejemplo.com/ebook.pdf
3. Cambio entre servidores de almacenamiento y producción (en vivo) Esto está muy extendido en blogs de alto tráfico o en sitios comerciales electrónicos, si algún error conduce a una disminución en las conversiones. La migración hacia y desde un servidor de intermediación se puede simplificar si usa un host administrado, como WPEngine o Flywheel. (Por cierto, de WPEXplorer usamos WPEngine durante los tres años consecutivos y nunca hemos enfrentado un período de no funcionamiento!)
El problema surge cuando alguien está cargando una imagen o hace enlaces a una publicación utilizando la URL del servidor intermedio. Al transferir su sitio a su servidor en vivo, los enlaces intermedios se utilizan para aquellas imágenes que se han cargado en el entorno del servidor intermedio. Por lo tanto, esto debe evitarse idealmente. Si cree que alguien en su equipo podría haber cargado contenido en el entorno intermedio, puede aplicar la solución que estamos a punto de compartir a continuación. En una nota similar, algunos de ustedes podrían preguntarse, ¿cuál es el mal en el uso de los enlaces en el servidor de intermediación? ¿No guardará el ancho de banda en el sitio actual / en vivo? No se equivoque para creer eso. Sin embargo, en realidad, esto tiene lugar raramente. Este es el por qué:
Un servidor de puesta en escena generalmente se ejecuta con recursos más pequeños. Comprometería la velocidad del sitio, lo que tendría un impacto negativo en la experiencia del usuario.
En muchos casos, la conexión raíz del servidor de verificación / prueba continúa cambiando, lo que podría conducir a una tonelada de enlaces rotos. Imagine un tutorial de 3000 palabras con capturas de pantalla rotas en todas partes. ¿Cómo te haría sentir?
Esto también tendría un impacto negativo en la imagen de SEO. Recuerde, la búsqueda de la imagen en Google sigue siendo una fuente de tráfico orgánico. Si la imagen no pertenece a su dominio, ¡perderá tráfico orgánico y puntos de SEO gratis!
¿Qué estamos tratando de resolver? Ahora que sabemos cuándo se cambia la URL de un sitio de WordPress, para ver un ejemplo en el que hay un error potencial. Los enlaces generados automáticamente (como los enlaces afiliados) no enfrentan problemas. Sin embargo, los enlaces que se han hecho a mano en publicaciones y páginas (como enlaces internos, enlaces de imagen, etc.) deben actualizarse manualmente. Todos usamos imágenes en nuestras publicaciones y páginas. Un ejemplo típico de conexión de imagen es: http: //mywpsite.tld/wp-content/uploads/year/month/image-name.png Cuando el sitio de su sitio cambia WordPress, los enlaces fuente de todas las imágenes también deberían cambiar en: http:/// /NewordPressDomain.tld/wp-content/year/month/image-name.png no solo imágenes, todos los enlaces (incluidos los enlaces entre postes, archivos multimedia, PDF- Urs, etc.) deben actualizarse. De acuerdo, parece que discutí el problema en profundidad. Ahora veamos cómo remediar el problema de una vez por todas. Como siempre, ¡tenemos un WordPress que guardar!
URL de actualización de Velvet Blues
Primero, descargue e instale URL ULL Velvet Blues
Después de activar, vaya a la página Herramientas de WordPress> Actualice la URL para configurar la configuración del complemento.
Reemplazo de la URL en WordPress: la amabilidad de los arados de actualización de Velvet Blues

¿Recuerdas cómo utilicé la función que puedes encontrar y reemplazar Microsoft Word? Bueno, ¡este es esencialmente el complemento! Encuentra las direcciones de URL antiguas en la página o publica contenido y lo reemplaza con la nueva URL. De esta manera, los enlaces de imagen se actualizan en todas sus publicaciones.
Además, puede ampliar la funcionalidad del complemento para encontrar / reemplazar URL en enlaces, extractos, accesorios, campos personalizados y meta-curvas. Aquí hay algunos ejemplos de URL antiguas en su sitio: si se mueva de un servidor intermedio, la URL anterior sería algo así como: hostname.com

Si cambia / actualiza el nombre de dominio, simplemente use el nuevo nombre del sitio.
Si ha usado “https” como protocolo, reemplace “http” con “https”.
En nuestro ejemplo, reemplazamos la vieja URL de http://seomoz.com en https://moz.com. Después de ingresar a la URL antigua y nueva, simplemente haga clic en Actualizar la URL ahora. El complemento escaneará todas sus publicaciones y páginas y se aplicará para encontrar y reemplazar la magia. Todas las direcciones de URL se actualizarán a una nueva URL
Palabra de precaución: escanear y reemplazar varias publicaciones y páginas podría ser un recurso intensivo, especialmente si su blog de WordPress tiene cientos de publicaciones. Si ha seleccionado todas las opciones de escaneo (enlaces de enlaces, extractos, etc.), el uso de recursos aumentaría significativamente. Muchas actualizaciones de las direcciones de URL a nivel del sitio podrían conducir a la suspensión temporal de su cuenta de alojamiento debido al uso excesivo de recursos. Este problema sería el más extendido en los proveedores en forma de sombra. Por lo tanto, recomendaría un poco de precaución al ejecutar el complemento.
Consejo # 2: Importar imágenes externas en las imágenes externas de WordPress son aquellas que no están alojadas en su servidor en este tutorial, aprenderemos cómo importar todas las imágenes externas en nuestro propio sitio de WordPress. Para mayor claridad, supongamos que usamos las imágenes con licencias apropiadas (¡de lo contrario podemos ingresar un debate diferente!). Para recapitular rápidamente, hay dos razones por las que no debemos usar imágenes externas en nuestro sitio de WordPress: consumen el ancho de otras personas, lo cual no es correcto.
Herimos la imagen de los puntajes de SEO.
Echemos un vistazo a la próxima publicación. Es bastante difícil entender si la publicación usa o no una imagen externa utilizando el editor visual.
Editor visual de WordPress
A menos que, por supuesto, pasemos a la vista de texto del editor de WordPress.
Ver texto del editor de WordPress, revelando el código fuente HTML de contenido de publicación.
Vemos que la imagen en realidad está alojada en imgur.com, un sitio de alojamiento de imágenes popular. Para arreglar esto, debe:
Descargar la imagen

Subirlo a WordPress
Actualizar el enlace en la publicación

¿Te imaginas repetir todos estos pasos para cada imagen para todas las publicaciones? ¡Encontrar todas las imágenes externas tomaría unos días! Entonces tiene que haber una solución, ¿verdad? ¿O traigo eso solo para decepcionarte?
¡Por supuesto que no! Hay una solucion. Y como siempre, es un maravilloso complemento de WordPress de forma gratuita. Cómo importar imágenes externas en WordPress Una de las primeras cosas que me gusta de este complemento es su nombre. Es claro, claro y objeto. Para comenzar, descargue e instale complementos importando imágenes externas. Active el complemento y vaya a las imágenes de imágenes de WordPress> Media> Debe ver un panel de opciones como este: Importar las opciones de complemento para WordPress externo
Si se da cuenta en la esquina inferior derecha, verá que el complemento ya ha identificado las publicaciones que contienen imágenes externas. En nuestro ejemplo, rodamos este complemento en un entorno de etapa, por lo que solo tenemos una publicación, con una sola imagen externa. Todo lo que tiene que hacer ahora es hacer clic en Importar imágenes ahora para iniciar el proceso. Al final, debería ver un mensaje de confirmación similar al número total de imágenes importadas. Opcionalmente, también puede elegir excluir imágenes basadas en el nombre de dominio. Esto es útil si tiene enlaces de descarga de imágenes especiales (de imágenes externas pagas, como Photobucket) que no desea reemplazar. Después de completar la importación de imágenes, si revisamos la galería de medios, veríamos todas las imágenes importadas.
Las imágenes se importan y almacenan automáticamente en la biblioteca de medios de WordPress.
Bien, entonces las imágenes se importan a la Galería de Medios de WordPress. ¿Pero el contenido de la publicación? ¿Todavía indico la URL de la imagen antigua? ¡Absolutamente no! El complemento también reemplaza el enlace del archivo de imagen con la nueva URL, ¡es decir, su enlace de campo!
Después de la importación, los enlaces de imagen también se actualizan. El impacto de rendimiento: similar a los problemas relacionados con el consumo de recursos que discutimos en la actualización de URL, la importación de imágenes externas en WordPress también consume una parte justa de los recursos del servidor. Afortunadamente, el desarrollador ha adoptado medidas para controlar el uso del servidor. El complemento escanea un máximo de 50 publicaciones de llamadas (es decir, cuando visita o actualiza la página de configuración del complemento). También limita el número máximo de imágenes a 20 para cada llamada de importación. Consejo # 3: Cómo evitar la conexión rápida de las imágenes en WordPress más simples, Hotlinking significa deambular por la ciudad por la reserva de Uber. Piensa sobre esto. Reserve un Uber para su servicio de transporte y un extraño de alguna manera logra robar su reserva y usarla como desee. Pagas por sus caminatas. Ahora, imagine si alguien podría tomar su reserva Uber, úsela de todos modos que quiera, cuánto tiempo quiero, y no puede hacer nada al respecto. Bueno, la conexión de imagen rápida es algo similar. La gente toma sus fotos y las usa en su sitio web. Gana fama y puedes pagar sus facturas. Y no puedes hacer nada a este respecto. ¡Esperar! La última línea no es cierta. Puedes hacer algo sobre él. Después de todo, ¡es WordPress! Probablemente pienses “Ah Sourav presentará otro complemento”. ¡Bazzonga!

No soy. . Los servidores web más comunes son Apache y Nignx. Si usa Apache como servidor web, puede evitar la conexión rápida a WordPress agregando algunas líneas de código a su archivo .htaccess. En 2013, escribí un breve tutorial al respecto: hoy es aplicable. Sin embargo, si usa NGINX como un servidor WES, agregue el siguiente fragmento de código al archivo de configuración de NGINX. Ubicación ~. (GIF | PNG | JPE? G) $ {válido_referers Ninguno bloque. If ($ invalid_referrer) {return 403; }} Reemplace su sitio web con su nombre de dominio real. En resumen, este fragmento de código evita la conexión rápida de los archivos GIF, PNG y JPG / JPEG. Estos archivos solo serán accesibles para su dominio y nadie más. Si alguien está intentando conectarse rápidamente a estos 3 formatos de archivo, recibirá un error 403. Aquí hay una explicación rápida con una fila del código adicional. La línea 1 define los formatos de imagen. También puede agregar formatos de video como MP4.

La línea 2 le dice a Nginx que sus solicitudes en su campo deben estar permitidas. Si algún otro dominio lo requiere, bloquee la solicitud.
La línea 3 le dice a Ningx qué hacer si una solicitud proviene de un dominio no correspondido

La línea 4 le dice a Nginx que arroje un error prohibido HTTP 403, si se cumple la condición en la línea # 3.
¡Las líneas 5 y 6 cierran el código correcto para que se ejecute!

Del mismo modo, si desea evitar que todo un director se conecte rápidamente, hay un fragmento de código para esto. Ubicación / uploads / {válido_referers ninguno bloqueado .yourwebsite.com; If ($ invalid_referrer) {return 403; }} Reemplazar / cargar / con el directorio que desea evitar que se conecte rápidamente. En nuestro ejemplo, elegimos el director de carga de WordPress predeterminado. Si es como la mayoría de nosotros, cargaría todas sus imágenes, archivos PDF y otros archivos multimedia utilizando el programa de carga predeterminado de WordPress, que a su vez colocará los archivos en la carpeta / cargas /. Por lo tanto, al proteger la carpeta maestra, evitamos que cualquier carga se conecte rápidamente. 2. ¿Utiliza un CDN para evitar una conexión rápida de imágenes en WordPress asombrados? Así era cuando leí por primera vez. Todos escuchamos sobre Cloudflare como uno de los mejores CDN gratuitos allí. ¿Sabías que también ofrecían protección gratuita para Hotlink? Para activar la protección del enlace directo, vaya simplemente al tablero de la cuenta de CloudFlala, seguido de rasguños de escudo. Cambie el botón para encender y configurar. Si está utilizando CloudFlare, puede activar fácilmente la protección de enlaces hotes en los raspados de escudo porque CloudFlare es un servicio proxy completo, no tiene que preocuparse por activar la protección de enlaces candentes en su servidor de origen. Si utiliza un servicio CDN premium, como StackPath CDN o KeyCDN, solo debe crear reglas apropiadas para las referencias de área y aplicarlas. KeyCDN tiene un maravilloso tutorial sobre esto, vale la pena leerlo. 3. Use un complemento: todo en un complemento WP y Firewall de seguridad
Si prefiere no mezclar con el código .htaccess y desea tener un complemento disponible que pueda ocuparse de los negocios, bueno, tiene suerte. Verifique todo en un complemento de seguridad y firewall. Con más de medio millón de instalaciones activas, este complemento tiene muchas características esenciales de seguridad de WordPress. Esto es lo que debe hacer para activar la prevención de la prevención de la imagen de la prevención. Cómo evitar la conexión rápida en WordPress usando todo en un WordPress
Descargue e instale el complemento.
Actíalo y vaya al Panel de WordPress> Seguridad WP> Firewall y haga clic en Prevención de lazos rápidos
Marque la casilla pequeña en la parte inferior y haga clic en Guardar configuración.
Y eso es todo. La imagen se evita a partir de ahora. Conclusión Para concluir esta publicación, pasemos a lo que hemos aprendido hasta ahora.
Cómo actualizar, reemplace la URL antigua con las nuevas. La solución es un complemento inteligente llamado URL de actualización de Velvet Blues.
Luego aprendimos a importar imágenes externas a WordPress. ¡Muchos colegas de blogger han hecho esto al menos una vez en sus vidas! Nuevamente, la solución estaba en un complemento llamado importancia de las imágenes externas.
Ambos complementos mencionados en los dos escenarios anteriores tienen un impacto en el rendimiento asociado con ellos. Deberíamos ejecutar estos complementos con precaución.

Finalmente, observamos cuál es la imagen de la luz y vimos dos formas de evitar esto. Uno fue agregando algunas líneas de código al .htaccess y el segundo complemento fue utilizando un enchufe de seguridad.