{"id":477,"date":"2017-12-17T01:14:16","date_gmt":"2017-12-17T05:14:16","guid":{"rendered":"https:\/\/tecnojupiter.net\/?p=477"},"modified":"2023-04-11T16:16:51","modified_gmt":"2023-04-11T20:16:51","slug":"protege-tu-web-wordpress-del-hotlinking","status":"publish","type":"post","link":"https:\/\/tecnojupiter.test\/protege-tu-web-wordpress-del-hotlinking\/","title":{"rendered":"Protege tu web del Hotlinking desde cPanel y Htaccess"},"content":{"rendered":"\n<figure class=\"wp-block-image size-medium\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"450\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2017\/12\/protege-web-hotlinking-800x450.png\" alt=\"hotlinking\" class=\"wp-image-479\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2017\/12\/protege-web-hotlinking-800x450.png 800w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2017\/12\/protege-web-hotlinking-384x216.png 384w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2017\/12\/protege-web-hotlinking.png 1280w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Si tu contrato con tu proveedor de hosting es por un ancho de banda limitado, es importante que protejas tu web contra el hotlinking de im\u00e1genes.<\/p>\n\n\n\n<p>En este post aprender\u00e1s que significa \u00abhotlinking\u00bb y c\u00f3mo evitarlo.<\/p>\n\n\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">&Iacute;ndice de contenido<\/p><ul class=\"toc_list\"><li><a href=\"#que_es_el_hotlinking\">\u00bfQu\u00e9 es el hotlinking?<\/a><\/li><li><a href=\"#como_evitar_el_hotlinking\">C\u00f3mo evitar el hotlinking<\/a><\/li><li><a href=\"#como_comprobar_que_el_codigo_esta_funcionando_correctamente\">C\u00f3mo comprobar que el c\u00f3digo est\u00e1 funcionando correctamente<\/a><\/li><li><a href=\"#conclusion\">Conclusi\u00f3n<\/a><\/li><\/ul><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"que_es_el_hotlinking\">\u00bfQu\u00e9 es el hotlinking?<\/span><\/h2>\n\n\n\n<div class=\"ts_atenbox\">Hot-linking es un t\u00e9rmino que se usa en Internet. Indica que alguien est\u00e1 usando un enlace a una imagen que est\u00e1 archivada en otro sitio web en lugar de guardar una copia de la imagen en el sitio web en el que se mostrar\u00e1 la imagen. Por ejemplo, en lugar de guardar una imagen .gif y cargarla en su propio sitio web, la persona usa un enlace de tipo absoluto hacia la imagen, semejante a http:\/\/sitioweb.com\/imagen.gif, en lugar de un enlace de tipo relativo. &#8211;&nbsp;<strong><a href=\"https:\/\/es.wikipedia.org\/wiki\/Hot-linking\">Wikipedia<\/a><\/strong><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"como_evitar_el_hotlinking\">C\u00f3mo evitar el hotlinking<\/span><\/h2>\n\n\n\n<p>Existen varias maneras de evitar el hotlinking, una es mediante la opci\u00f3n de \u201c<strong>Protecci\u00f3n de enlace directo<\/strong>\u201d que se encuentra en cPanel que es la manera m\u00e1s sencilla.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"748\" height=\"547\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Enlace-cPanel_h3dixw.png\" alt=\"hotlinking cPanel\" class=\"wp-image-480\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Enlace-cPanel_h3dixw.png 748w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Enlace-cPanel_h3dixw-600x439.png 600w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Enlace-cPanel_h3dixw-300x219.png 300w\" sizes=\"(max-width: 748px) 100vw, 748px\" \/><\/figure>\n\n\n\n<p>Y la mejor apuesta radica en agregar unas l\u00edneas de c\u00f3digo al archivo <code><strong>.htaccess<\/strong><\/code>.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"># Evitar hotlinking de imagenes\n\nRewriteEngine on\nRewriteCond %{HTTP_REFERER} !^$\nRewriteCond %{HTTP_REFERER} !^http(s)?:\/\/(www.)?tudominio.com[NC]\nRewriteCond %{HTTP_REFERER} !^http(s)?:\/\/(www.)?google.com [NC]\nRewriteCond %{HTTP_REFERER} !^http(s)?:\/\/(www.)?bing.com [NC]\nRewriteCond %{HTTP_REFERER} !^http(s)?:\/\/(www.)?yahoo.com [NC]\nRewriteCond %{HTTP_REFERER} !^http(s)?:\/\/(www.)?duckduckgo.com [NC]\nRewriteRule .(jpg|jpeg|png|gif)$ - [NC,F,L]\n<\/pre>\n\n\n\n<p>Este c\u00f3digo se encargar\u00e1 de:<\/p>\n\n\n\n<ul>\n<li>Comprobar si la petici\u00f3n est\u00e1 dirigida a un fichero jpg, jpeg, png, gif.<\/li>\n\n\n\n<li>Comprobar si existe el campo Referer dentro de la petici\u00f3n, si pertenece a nuestro<br>sitio o si sencillamente no ha sido incluida.<\/li>\n\n\n\n<li>Denegar el acceso a la direcci\u00f3n IP que origin\u00f3 la petici\u00f3n en una p\u00e1gina web remota.<\/li>\n<\/ul>\n\n\n\n<p>En \u201ctudominio.com\u201d debes reemplazarlo por tu direcci\u00f3n real de <a href=\"https:\/\/tecnojupiter.test\/dominio-web-aspectos-importantes\/\">dominio<\/a>.<\/p>\n\n\n\n<p>Deber\u00edas permitir hotlinking desde ciertos dominios como por ejemplo Google, Yahoo, Bing o Redes sociales, para evitar perder posicionamiento.<\/p>\n\n\n\n<div class=\"wp-block-easyblock-note-info\">Algunos plugins de Seguridad o si usas el servicio de CloudFlare estos te ofrecen una opci\u00f3n para habilitar esto, antes de copiar c\u00f3digo en su fichero .htaccess aseg\u00farese de no tener activada esa opci\u00f3n en un plugins o en CloudFlare.<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"como_comprobar_que_el_codigo_esta_funcionando_correctamente\">C\u00f3mo comprobar que el c\u00f3digo est\u00e1 funcionando correctamente<\/span><\/h2>\n\n\n\n<p>Existe una p\u00e1gina web donde con solo colocar la direcci\u00f3n URL de alguna imagen perteneciente a tu web comprobaras si puede ser enlazada por un servidor remoto.<\/p>\n\n\n\n<p>Antes realizar esta prueba borra la cach\u00e9 del navegador para evitar que la imagen se cargue desde la memoria cach\u00e9 en lugar de la URL remota que est\u00e1 probando.<\/p>\n\n\n\n<p>O utiliza un navegador diferente al que usas habitualmente para navegar donde no hayas accedido nunca a tu sitio web.<\/p>\n\n\n\n<p><span class=\"bg_label green\">http:\/\/altlab.com\/hotlinkchecker.php<\/span><\/p>\n\n\n\n<p>Como mencionaba anteriormente si el c\u00f3digo ha sido implementado correctamente te encontraras con un mensaje:<\/p>\n\n\n\n<p><strong>Attempting to display image below:<\/strong><\/p>\n\n\n\n<p><strong>image not loaded<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"conclusion\">Conclusi\u00f3n<\/span><\/h2>\n\n\n\n<p>Aunque existen muchas variaciones en las expresiones regulares espec\u00edficas que pueden ser escritas, todas logran la misma cosa.<\/p>\n\n\n\n<p>Uno puede o bien lanzar un mensaje de \u00ab<strong>prohibido<\/strong>\u00bb lo que significa que la imagen no est\u00e1 all\u00ed o el usuario llega a ser redirigido a otra imagen.<\/p>\n\n\n\n<p>En definitiva, el uso de la regla de reescritura para prohibir la visualizaci\u00f3n de la imagen es una regla simple que bloquea efectivamente la visualizaci\u00f3n en sitios remotos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si tu contrato con tu proveedor de hosting es por un ancho de banda limitado, es importante que protejas tu web contra el hotlinking de im\u00e1genes. En este post aprender\u00e1s que significa \u00abhotlinking\u00bb y c\u00f3mo evitarlo. &Iacute;ndice de contenido\u00bfQu\u00e9 es el hotlinking?C\u00f3mo evitar el hotlinkingC\u00f3mo comprobar que el c\u00f3digo est\u00e1 funcionando correctamenteConclusi\u00f3n \u00bfQu\u00e9 es el&#8230;<\/p>\n","protected":false},"author":1,"featured_media":479,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[4],"tags":[18],"_links":{"self":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts\/477"}],"collection":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/comments?post=477"}],"version-history":[{"count":1,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts\/477\/revisions"}],"predecessor-version":[{"id":2836,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts\/477\/revisions\/2836"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/media\/479"}],"wp:attachment":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/media?parent=477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/categories?post=477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/tags?post=477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}