{"id":104,"date":"2025-03-20T14:36:43","date_gmt":"2025-03-20T14:36:43","guid":{"rendered":"https:\/\/corporativa.biz\/wp1\/?p=104"},"modified":"2026-01-05T15:16:27","modified_gmt":"2026-01-05T15:16:27","slug":"ocultar-extension-html-php-de-la-url-con-htaccess","status":"publish","type":"post","link":"https:\/\/corporativa.biz\/wp1\/2025\/03\/20\/ocultar-extension-html-php-de-la-url-con-htaccess\/","title":{"rendered":"Ocultar extensi\u00f3n html\/php de la url con htaccess"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Usar URL amigables en nuestro sitio mejora el sitio, adem\u00e1s que es m\u00e1s f\u00e1cil para los usuarios recordar tu direcci\u00f3n. Una de las cosas que debemos tener en cuenta para tener URLs amigables es ocultar la extensi\u00f3n al final de un archivo html o php. Para eso debemos usar el archivo htaccess, el cual es un archivo de configuraci\u00f3n que se puede crear en todos los servidores basados en apache.&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este archivo se debe colocar en la ra\u00edz del servidor, en algunos servidores se coloca donde est\u00e1 el archivo index. Eso ya depende del servidor. Sea donde coloquemos ese archivo lo creamos con el nombre .htaccess. As\u00ed, sin m\u00e1s. no olvidar el punto(.) antes del nombre.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez creado el archivo debemos colocar el siguiente c\u00f3digo:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">RewriteBase \/<br>RewriteEngine On<br>RewriteCond %{REQUEST_FILENAME} !-d<br>RewriteCond %{REQUEST_FILENAME}.html -f<br>RewriteRule ^(.*)$ $1.html<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">RewriteCond %{REQUEST_FILENAME} !-d<br>RewriteCond %{REQUEST_FILENAME}.php -f<br>RewriteRule ^(.*)$ $1.php<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puedes copiar el c\u00f3digo y copiarlo directamente en el archivo que acabas de crear, no hace falta cambiar nada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con las primera l\u00ednea indicamos que este m\u00f3dulo se ejecutar\u00e1 en la ra\u00edz del documento. No hace falta cambiar esa l\u00ednea.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La segunda l\u00ednea activa el m\u00f3dulo Rewrite el que hace posible ocultar la extensi\u00f3n.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con las siguientes tres l\u00edneas le damos instrucci\u00f3n que oculte las extensiones html. Por \u00faltimo con las \u00faltimas 3 l\u00edneas ocultamos la extensi\u00f3n PHP.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este m\u00f3dulo trabaja con expresiones regulares, ya estaremos hablando de ello en otro art\u00edculo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">una vez creado tu archivo debes subirlo a tu servidor, aunque puedes probarlo desde localhost. Sim embargo&#8230; eso no es todo lo que debemos hacer.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El \u00faltimo paso y uno de los m\u00e1s importantes el cual muchos pasan por alto es:&nbsp;<strong><em>quitar las extensiones en los enlaces de tu web.<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por ejemplo en las etiquetas&nbsp;de tu HTML deber\u00edas quitar la extensi\u00f3n de<a> <\/a>la p\u00e1gina de la siguiente forma:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;a href=\u00bbpagina1&#8243;&gt; P\u00e1gina en HTML&lt;\/a&gt;<br>&lt;a href=\u00bbpagina2&#8243;&gt; P\u00e1gina en PHP&lt;\/a&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Como puedes observar en el atributo href se encuentra el nombre de la p\u00e1gina, pero no tienen ninguna extensi\u00f3n. Este es el truco que muchos se olvidan al querer ocultar la extensi\u00f3n. Aunque por ah\u00ed algunos servidores en los cuales no hace falta. Sin embargo recomendamos hacerlo.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con eso al momento de dar clic en algun enlace para ir a un sitio web no aparecer\u00e1 la extensi\u00f3n HTML o PHP al final del archivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fuente:<a href=\" https:\/\/jygproyectosweb.com\/articulos\/Ocultar-extension-htmlphp-de-la-url-con-htaccess.php\"> https:\/\/jygproyectosweb.com\/articulos\/Ocultar-extension-htmlphp-de-la-url-con-htaccess.php<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Usar URL amigables en nuestro sitio mejora el sitio, adem\u00e1s que es m\u00e1s f\u00e1cil para los usuarios recordar tu direcci\u00f3n. Una de las cosas que debemos tener en&#8230;<\/p>\n","protected":false},"author":2,"featured_media":186,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[34,35,39,40,9,37,38,36],"class_list":["post-104","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seguridad-y-optimizacion-tecnica","tag-htaccess","tag-apache","tag-clean-urls","tag-configuracion-de-servidor","tag-desarrollo-web","tag-mod_rewrite","tag-seo-tecnico","tag-url-amigables"],"_links":{"self":[{"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/posts\/104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/comments?post=104"}],"version-history":[{"count":2,"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/posts\/104\/revisions"}],"predecessor-version":[{"id":187,"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/posts\/104\/revisions\/187"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/media\/186"}],"wp:attachment":[{"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/media?parent=104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/categories?post=104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/corporativa.biz\/wp1\/wp-json\/wp\/v2\/tags?post=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}