Acho que entendi o que quis dizer. Fiz uma solução em PHP, mas dá para usar a mesma lógica em outra linguagem. Esses /../
significam que a URL sofre um encurtamento, e o conteúdo removido está onde os pontos estão. Exemplo:
http://um-site-qualquer.com/categorias/tecnologia/titulo-da-pagina
Poderia ser encurtado para http://um-site-qualquer.com/../titulo-da-pagina. Isso reduz o tamanho da "frase" mas mesmo assim mantém o endereço original ao clicar nela. É possível reproduzir o mesmo efeito.
Eu criei uma expressão regular que pega o conteúdo entre a primeira barra e a última barra da URL (/../
). Após isso simplesmente usei o preg_match_all
para pegar o resultado do REGEX e criei uma nova variável com o novo endereço. Com os dois endereços em mãos (o original e o encurtado), podemos criar uma tag <a>
do jeito que você quer. Veja o código:
<?php
// URL de exemplo
$url = "http://www.exemplo.com/categorias/jogos/veja-as-incriveis-novidades-de-2015";
// Aplica o Regex na URL
preg_match_all('/[\da-z\.-]+\/(.+)\//', $url, $url_match);
// Pega o resultado do Regex
$new_url = str_replace($url_match[1][0], "..", $url);
// Cria um elemento <a> com nossas URLs.
$element = "<a href='$url'>$new_url</a>";
// Imprime o resultado na página
echo $element;
Veja funcionando no Ideone: https://ideone.com/NEV6j6
Em uma página rodando o PHP, o resultado será esse (perceba que ao clicar no link o endereço original que é aberto):
<a href='http://www.exemplo.com/categorias/jogos/veja-as-incriveis-novidades-de-2015'>http://www.exemplo.com/../veja-as-incriveis-novidades-de-2015</a>
canto inferior esquerdo do chrome o link
você está falando da forma como o navegador mostra a URL. Isso aparece no seu site?