Urls Amigables htaccess y PHP. Significa que las urls de nuestra web se indexarán mejor y tendremos un mayor posicionamiento SEO.
El funcionamiento del script php para realizar urls amigables es el siguiente:
Contenidos
1.Primero tenemos el fichero con las funciones
funciones.php
<?php
//función que llama al resto de funciones y devuelve el post slug
function limpiar($texto) {
$texto = strip_tags($texto);
$texto = quitar_acentos($texto);
$texto = preg_replace('|%([a-fA-F0-9][a-fA-F0-9])|',
'---$1---', $texto);
$texto = str_replace('%', '', $texto);
$texto = preg_replace('|---([a-fA-F0-9][a-fA-F0-9])---|',
'%$1', $texto);
if (ver_utf8($texto)) {
if (function_exists('mb_strtolower')) {
$texto = mb_strtolower($texto, 'UTF-8');
}
}
$texto = strtolower($texto);
$texto = preg_replace('/&.+?;/', '', $texto); // kill entities
$texto = str_replace('.', '-', $texto);
$texto = preg_replace('/[^%a-z0-9 _-]/', '', $texto);
$texto = preg_replace('/\s+/', '-', $texto);
$texto = preg_replace('|-+|', '-', $texto);
$texto = trim($texto, '-');
return $texto;
}
function ver_utf8($str) {
$length = strlen($str);
for ($i=0; $i < $length; $i++) {
$c = ord($str[$i]);
if ($c < 0x80) $n = 0; # 0bbbbbbb
elseif (($c & 0xE0) == 0xC0) $n=1; # 110bbbbb
elseif (($c & 0xF0) == 0xE0) $n=2; # 1110bbbb
elseif (($c & 0xF8) == 0xF0) $n=3; # 11110bbb
elseif (($c & 0xFC) == 0xF8) $n=4; # 111110bb
elseif (($c & 0xFE) == 0xFC) $n=5; # 1111110b
else return false; # Does not match any model
for ($j=0; $j<$n; $j++) { # n bytes matching 10bbbbbb follow ?
if ((++$i == $length) || ((ord($str[$i]) & 0xC0) != 0x80))
return false;
}
}
return true;
}
function quitar_acentos($string) {
if ( !preg_match('/[\x80-\xff]/', $string) )
return $string;
if (ver_utf8($string)) {
$chars = array(
// Decompositions for Latin-1 Supplement
chr(195).chr(128) => 'A', chr(195).chr(129) => 'A',
chr(195).chr(130) => 'A', chr(195).chr(131) => 'A',
chr(195).chr(132) => 'A', chr(195).chr(133) => 'A',
chr(195).chr(134) => 'AE',chr(195).chr(135) => 'C',
chr(195).chr(136) => 'E', chr(195).chr(137) => 'E',
chr(195).chr(138) => 'E', chr(195).chr(139) => 'E',
chr(195).chr(140) => 'I', chr(195).chr(141) => 'I',
chr(195).chr(142) => 'I', chr(195).chr(143) => 'I',
chr(195).chr(144) => 'D', chr(195).chr(145) => 'N',
chr(195).chr(146) => 'O', chr(195).chr(147) => 'O',
chr(195).chr(148) => 'O', chr(195).chr(149) => 'O',
chr(195).chr(150) => 'O', chr(195).chr(153) => 'U',
chr(195).chr(154) => 'U', chr(195).chr(155) => 'U',
chr(195).chr(156) => 'U', chr(195).chr(157) => 'Y',
chr(195).chr(158) => 'TH',chr(195).chr(159) => 's',
chr(195).chr(160) => 'a', chr(195).chr(161) => 'a',
chr(195).chr(162) => 'a', chr(195).chr(163) => 'a',
chr(195).chr(164) => 'a', chr(195).chr(165) => 'a',
chr(195).chr(166) => 'ae',chr(195).chr(167) => 'c',
chr(195).chr(168) => 'e', chr(195).chr(169) => 'e',
chr(195).chr(170) => 'e', chr(195).chr(171) => 'e',
chr(195).chr(172) => 'i', chr(195).chr(173) => 'i',
chr(195).chr(174) => 'i', chr(195).chr(175) => 'i',
chr(195).chr(176) => 'd', chr(195).chr(177) => 'n',
chr(195).chr(178) => 'o', chr(195).chr(179) => 'o',
chr(195).chr(180) => 'o', chr(195).chr(181) => 'o',
chr(195).chr(182) => 'o', chr(195).chr(182) => 'o',
chr(195).chr(185) => 'u', chr(195).chr(186) => 'u',
chr(195).chr(187) => 'u', chr(195).chr(188) => 'u',
chr(195).chr(189) => 'y', chr(195).chr(190) => 'th',
chr(195).chr(191) => 'y',
// Decompositions for Latin Extended-A
chr(196).chr(128) => 'A', chr(196).chr(129) => 'a',
chr(196).chr(130) => 'A', chr(196).chr(131) => 'a',
chr(196).chr(132) => 'A', chr(196).chr(133) => 'a',
chr(196).chr(134) => 'C', chr(196).chr(135) => 'c',
chr(196).chr(136) => 'C', chr(196).chr(137) => 'c',
chr(196).chr(138) => 'C', chr(196).chr(139) => 'c',
chr(196).chr(140) => 'C', chr(196).chr(141) => 'c',
chr(196).chr(142) => 'D', chr(196).chr(143) => 'd',
chr(196).chr(144) => 'D', chr(196).chr(145) => 'd',
chr(196).chr(146) => 'E', chr(196).chr(147) => 'e',
chr(196).chr(148) => 'E', chr(196).chr(149) => 'e',
chr(196).chr(150) => 'E', chr(196).chr(151) => 'e',
chr(196).chr(152) => 'E', chr(196).chr(153) => 'e',
chr(196).chr(154) => 'E', chr(196).chr(155) => 'e',
chr(196).chr(156) => 'G', chr(196).chr(157) => 'g',
chr(196).chr(158) => 'G', chr(196).chr(159) => 'g',
chr(196).chr(160) => 'G', chr(196).chr(161) => 'g',
chr(196).chr(162) => 'G', chr(196).chr(163) => 'g',
chr(196).chr(164) => 'H', chr(196).chr(165) => 'h',
chr(196).chr(166) => 'H', chr(196).chr(167) => 'h',
chr(196).chr(168) => 'I', chr(196).chr(169) => 'i',
chr(196).chr(170) => 'I', chr(196).chr(171) => 'i',
chr(196).chr(172) => 'I', chr(196).chr(173) => 'i',
chr(196).chr(174) => 'I', chr(196).chr(175) => 'i',
chr(196).chr(176) => 'I', chr(196).chr(177) => 'i',
chr(196).chr(178) => 'IJ',chr(196).chr(179) => 'ij',
chr(196).chr(180) => 'J', chr(196).chr(181) => 'j',
chr(196).chr(182) => 'K', chr(196).chr(183) => 'k',
chr(196).chr(184) => 'k', chr(196).chr(185) => 'L',
chr(196).chr(186) => 'l', chr(196).chr(187) => 'L',
chr(196).chr(188) => 'l', chr(196).chr(189) => 'L',
chr(196).chr(190) => 'l', chr(196).chr(191) => 'L',
chr(197).chr(128) => 'l', chr(197).chr(129) => 'L',
chr(197).chr(130) => 'l', chr(197).chr(131) => 'N',
chr(197).chr(132) => 'n', chr(197).chr(133) => 'N',
chr(197).chr(134) => 'n', chr(197).chr(135) => 'N',
chr(197).chr(136) => 'n', chr(197).chr(137) => 'N',
chr(197).chr(138) => 'n', chr(197).chr(139) => 'N',
chr(197).chr(140) => 'O', chr(197).chr(141) => 'o',
chr(197).chr(142) => 'O', chr(197).chr(143) => 'o',
chr(197).chr(144) => 'O', chr(197).chr(145) => 'o',
chr(197).chr(146) => 'OE',chr(197).chr(147) => 'oe',
chr(197).chr(148) => 'R',chr(197).chr(149) => 'r',
chr(197).chr(150) => 'R',chr(197).chr(151) => 'r',
chr(197).chr(152) => 'R',chr(197).chr(153) => 'r',
chr(197).chr(154) => 'S',chr(197).chr(155) => 's',
chr(197).chr(156) => 'S',chr(197).chr(157) => 's',
chr(197).chr(158) => 'S',chr(197).chr(159) => 's',
chr(197).chr(160) => 'S', chr(197).chr(161) => 's',
chr(197).chr(162) => 'T', chr(197).chr(163) => 't',
chr(197).chr(164) => 'T', chr(197).chr(165) => 't',
chr(197).chr(166) => 'T', chr(197).chr(167) => 't',
chr(197).chr(168) => 'U', chr(197).chr(169) => 'u',
chr(197).chr(170) => 'U', chr(197).chr(171) => 'u',
chr(197).chr(172) => 'U', chr(197).chr(173) => 'u',
chr(197).chr(174) => 'U', chr(197).chr(175) => 'u',
chr(197).chr(176) => 'U', chr(197).chr(177) => 'u',
chr(197).chr(178) => 'U', chr(197).chr(179) => 'u',
chr(197).chr(180) => 'W', chr(197).chr(181) => 'w',
chr(197).chr(182) => 'Y', chr(197).chr(183) => 'y',
chr(197).chr(184) => 'Y', chr(197).chr(185) => 'Z',
chr(197).chr(186) => 'z', chr(197).chr(187) => 'Z',
chr(197).chr(188) => 'z', chr(197).chr(189) => 'Z',
chr(197).chr(190) => 'z', chr(197).chr(191) => 's',
// Decompositions for Latin Extended-B
chr(200).chr(152) => 'S', chr(200).chr(153) => 's',
chr(200).chr(154) => 'T', chr(200).chr(155) => 't',
// Euro Sign
chr(226).chr(130).chr(172) => 'E',
// GBP (Pound) Sign
chr(194).chr(163) => '');
$string = strtr($string, $chars);
} else {
// Assume ISO-8859-1 if not UTF-8
$chars['in'] = chr(128).chr(131).chr(138).chr(142).chr(154).chr(158)
.chr(159).chr(162).chr(165).chr(181).chr(192).chr(193).chr(194)
.chr(195).chr(196).chr(197).chr(199).chr(200).chr(201).chr(202)
.chr(203).chr(204).chr(205).chr(206).chr(207).chr(209).chr(210)
.chr(211).chr(212).chr(213).chr(214).chr(216).chr(217).chr(218)
.chr(219).chr(220).chr(221).chr(224).chr(225).chr(226).chr(227)
.chr(228).chr(229).chr(231).chr(232).chr(233).chr(234).chr(235)
.chr(236).chr(237).chr(238).chr(239).chr(241).chr(242).chr(243)
.chr(244).chr(245).chr(246).chr(248).chr(249).chr(250).chr(251)
.chr(252).chr(253).chr(255);
$chars['out'] =
"EfSZszYcYuAAAAAACEEEEIIIINOOOOOOUUUUYaaaaaaceeeeiiiinoooooouuuuyy";
$string = strtr($string, $chars['in'], $chars['out']);
$double_chars['in'] = array(chr(140), chr(156), chr(198),
chr(208), chr(222), chr(223), chr(230), chr(240), chr(254));
$double_chars['out'] = array('OE', 'oe', 'AE', 'DH', 'TH',
'ss', 'ae', 'dh', 'th');
$string = str_replace($double_chars['in'],
$double_chars['out'], $string);
}
return $string;
}
?>
2.Archivo Index.php
Aquí esta un formulario donde vamos a generar el link(slug) para seo conocido como url amigable. Este archivo manda la petición por el método post del formulario, para luego generar un enlace con parámetros get; que nos llevara al siguiente archivo donde mostraremos el contenido generado.
Index.php
<form class="col s12" method="post">
<div class="row">
<div class="input-field col s12">
<i class="material-icons prefix">mode_edit</i>
<input id="input_text" class="active" type="text"
name="titulo" placeholder="Escribe el titulo de tu url"
required value="<?php echo $_POST['titulo'];?>">
<label for="input_text">Titulo</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<i class="material-icons prefix">comment</i>
<textarea id="textarea1" class="materialize-textarea"
name="contenido" placeholder="Escribe tu contenido" required></textarea>
<label for="textarea1">Contenido</label>
</div>
</div>
<div class="row">
<button class="btn waves-effect waves-light" type="submit"
name="crear">Crear<i class="material-icons right">send</i></button>
</div>
</form>
<?php
if(isset($_POST["crear"])){
$titulo = $_POST["titulo"];
$contenido =
htmlspecialchars($_POST["contenido"], ENT_QUOTES);
$link = limpiar($titulo);
$id_entrada = 2;
?>
<a href="publicacion.php?id_entrada=
<?php echo $id_entrada;?>&titulo=<?php echo $link;?>
&contenido=<?php echo $contenido;?>">
jaimefranko.com/ejemplos_php/url-amigable-ejemplo/<?php echo $link;?>
</a>
<?php
}
?>
3. Archivo publicacion.php
<div class="row center">
<!-- inicia codigo -->
<div class="row">
<div class="col s12 m4">
<div class="card">
<div class="card-image">
<img src="https://materializecss.com/images/sample-1.jpg">
<span class="card-title"><?php echo $_GET['titulo'];?></span>
</div>
<div class="card-content">
<p><?php echo $_GET['contenido'];?></p>
</div>
<div class="card-action">
Powered by Jaime Franko
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card">
<div class="card-image">
<img src="https://materializecss.com/images/sample-1.jpg">
<span class="card-title"><?php echo $_GET['titulo'];?></span>
</div>
<div class="card-content">
<p><?php echo $_GET['contenido'];?></p>
</div>
<div class="card-action">
Powered by Jaime Franko
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card">
<div class="card-image">
<img src="https://materializecss.com/images/sample-1.jpg">
<span class="card-title"><?php echo $_GET['titulo'];?></span>
</div>
<div class="card-content"> <p><?php echo $_GET['contenido'];?></p>
</div>
<div class="card-action">
Powered by Jaime Franko
</div>
</div>
</div>
</div>
<!-- finaliza codigo -->
</div>
<br><br>
Ya solo nos queda configurar el archivo htaccess:
RewriteEngine On
RewriteBase /
RewriteRule ^(.*)-([0-9]{1,8}).html$ /ruta-de-mi-php.php?id=$2
Con estas líneas lo que hacemos es:
- Cualquier cadena desde el directorio donde se encuentra el htaccess–> ^(.*) –> esta es la primera condición.
- Que dicha cadena contenga entre un guión ‘-‘ y el ‘.html’ un valor numérico de 1 a 8 dígitos de longitud. –> -([0-9]{1,8}).html$
- Cuando se cumplen estas condiciones mostramos el cotenido con nuestro PHP habiéndole pasado como parámetro el id que lo hemos obtenido en la segunda condición –> $2 que es ([0-9]{1,8}).
