URLs Amigáveis: Ajudando Usuários e Mecanismos de Busca

Postado por Fabio Augusto na categoria URL

Olá amigos leitores do Brasil SEO, no artigo de hoje iremos falar sobre o uso de URLs amigáveis, tanto para os leitores como também para os mecanismos de busca.

Primeiramente vamos esclarecer algumas coisas, existem dois tipos de URLs, as estáticas e as dinâmicas, abaixo exemplos:

URLs estáticas: http://www.meusite.com.br/arquivo.html
URLs dinâmicas: http://www.meusite.com.br/arquivo.php?nome=carlos&codigo=1&valor=10

Conforme podemos observar acima os dois tipos de URLs são de difícil memorização para que possamos guardá-las, por isso seria melhor termos URLs destas forma:

http://www.meusite.com.br/artigo/nome-do-artigo
ou

http://www.meusite.com.br/artigo/dia/mes/ano

Além disso, essas URLs geram outros problemas:

Você pode estar expondo uma tecnologia utilizada (php, asp, jsp)
Se você mudar de tecnologia todas estas URLs deverão ser alteradas

Bom para auxiliar nestes possíveis problemas, podemos usar de um recurso que o próprio servidor web APACHE nos disponibiliza, que seria o módulo mod_rewrite usando o arquivo .htaccess dentro de seu site.

O que é o servidor web Apache?
Servidor de páginas para web gratuito, ou seja, nele é onde ficam os arquivos do seu site.
O que é este modo rewrite?
Ele nada mais é que um módulo do servidor web que realiza a reescrita de forma transparente das URLs usando de Expressões regulares.
O que é o arquivo .htaccess?
É um arquivo de configuração usado pelo servidor web Apache, onde dentro dele você pode determinar como o seu servidor web irá trabalhar.
Como funciona?
Bom o primeiro passo e você ter em seu DocummentRoot (Local raiz para as páginas web dentro de um servidor) o arquivo .htaccess
Este arquivo existindo teremos que observar se existe a seguinte linha:

RewriteEngine On

Estando presente esta linha acima, iremos agora tornar uma URL dinâmica em uma url amigável.
Abaixo temos uma linha onde ela realiza a reescrita:

RewriteRule ^([^\/]+)\/([0-9]+)\/([0-9]+)\/$ /arquivo.php?nome=$1&codigo=$2&valor=$3

Com a linha acima teremos o seguinte:

URL Amigável – URL de fácil memorização

http://www.meusite.com.br/nome/codigo/valor/

URL Real – que será executada no servidor com os parâmetros e variáveis

http://www.meusite.com.br/arquivo.php?nome=carlos&codigo=1&valor=10

Agora algumas explicações para um melhor entendimento da expressão regular apresenta acima

^ -> início da expressão regular
([^\/]+) -> (quando temos o acento circunflexo dentro de parenteses ele significa negação) negar qualquer coisa diferente de /
\/ -> a contra-barra serve para escapar a barra
([0-9]+) -> parenteses para guardar a variável, colchetes significa um intervalo (0-9 = numeral, a-z = letras), + repetição 1 ou + vezes
$ -> fim

Bom com isto terminamos nosso artigo, espero ter ajudado aos nossos leitores a tornarem suas URLs mais amigáveis.

Artigos Relacionados

13 Respostas to “URLs Amigáveis: Ajudando Usuários e Mecanismos de Busca”

Jusley Smaly Diz:
junho 25th, 2008
Existe uma forma de implementar isso no IIS da Microsoft? A linguagem que utilizo em meu site (www.manausmais.com.br) é o ASP.
Vitor M. Braga Diz:
maio 7th, 2009
Muito bom este post era o que eu precisava…

Primeira vez aqui e ja com uma dúvida. Tomara que alguem me ajuda que ja faz quase duas semanas que estou atrás disso…

Bem vamos lá.

Estou utilizando o ModRewrite… na página sem ModRewrite o css aparece tudo certinho mais ja quando eu entro na pagina pelo link “gerado” a partir do ModRewrite o css some não aparece o fundo nem nada…

Conteudo do .htaccess

RewriteEngine on
RewriteRule ^lancamentos\/([a-z,0-9,A-Z,_-]+)\/?$ lancamentos-imoveis-destaque.php?id=$1

Teria como alguem me ajuda nisso???

Obrigado e Tenham uma boa tarde
Felipe Miyata Diz:
maio 11th, 2009
Olá Vitor,

Baseado nas informações que você forneceu, acredito que o problema seja um simples caso de link relativo…

O que acontece é que quando você acessa a URL original:
dominio.com.br/lancamentos-imoveis-destaque.php?id=destaqueID

o CSS deve estar sendo procurado na raiz do seu site:
dominio.com.br/style.css

Já quando você entra pela URL criada a partir do redirecionamento, o CSS deve estar sendo buscado na pasta “lancamentos/destaqueID/”:
dominio.com.br/lancamentos/destaqueID/style.css

Para corrigir o problema, simplesmente mude o caminho do CSS de:
<link rel="stylesheet" type="text/css" href="style.css" />

para:
<link rel="stylesheet" type="text/css" href="http://www.domain.com/style.css" />

Boa Sorte com seu site!
Leandro Diz:
julho 4th, 2009
Gostaria de saber como fazer a url amigavel igual a url deste artigo:
http://www.brasilseo.com.br/url/urls-amigaveis-ajudando-usuarios-e-mecanismos-de-busca

Grato.
Anderson Lopes Diz:
julho 7th, 2009
Leandro,

Se você usa o sistema wordpress em seu blog as coisas ficam um pouco mais simples, basta entras nas configuações de “Permalink” e selecionar o modo como vc quer as urls. O WordPress vai automaticamente criar a estrutura de .htaccess e se tiver permissão já cria o arquivo, se não ele te passa o conteúdo que você precisa colocar no arquivo.

Aqui tem uma referência da página na documentação do wordpress que ensina a fazer isto (em inglês)
http://codex.wordpress.org/Using_Permalinks

Abraços
Anderson Lopes
Equipe Brasil SEO
Leandro Diz:
julho 12th, 2009
Anderson,
Tudo bom?
Obrigado pela resposta, mas não uso o wordpress, é soluçao própria.
Pode me ajudar com a url igual http://www.brasilseo.com.br/url/urls-amigaveis-ajudando-usuarios-e-mecanismos-de-busca?
Leandro Diz:
julho 17th, 2009
Amigos, Artigo muito bom!
Como seria um exemplo completo com gerenciamento em php da url e a url gerada igual a http://www.brasilseo.com.br/url/urls-amigaveis-ajudando-usuarios-e-mecanismos-de-busca

Como ficaria o .htaccess?
Como pegaria os valores com php?
Aguém podia passar o exemplo completo?

Grato.

Leandro.
Anderson Lopes Diz:
julho 21st, 2009
Leandro,
para criar o .htaccess você precisará de conhecimentos sobre servidor apache, e expressões regulares. Procure mais sobre estes temas em foruns específicos.

Desculpe a demora em responder
Abraços

Anderson Lopes
Equipe Brasil SEO
Rafael Diz:
março 17th, 2010
Boa tarde, migrei meu site para url amigavel com htaccess e deu td certo, porém o google ja tinha indexado as urls antigas e agora está aparecendo na central de Webmaster do google um monte de paginas com meta tag title e description duplicados. Ex.:
http://www.moteisehoteis.com.br/moteis/ e http://www.www.moteisehoteis.com.br/moteis.php. Alguém ja passou por isso e pode me ajudar?
Anderson Lopes Diz:
março 18th, 2010
Rafael,

O problema é que você migrou as urls, alterou a linkagem no seu site mas não fez o redirecionamento 301. O Redirecionamento 301 indica para o google que a página foi movida permamentemente, ou seja, todos os link, a confiança serão tranferidas e o google vai passar a ignorar a URL antiga, apenas considerando a nova.

Acho que é isso, espero ter te ajudado.
Abraços
Anderson Lopes
Equipe Brasil SEO
Ivan Diz:
fevereiro 20th, 2011
Ivan S.
Estou tentando comessar na carrreira de seo gostaria de ter mais materias de informação onde encontro obrigado pela atenção.
Everton Gonçalves Diz:
outubro 7th, 2011
Rafael,

Tudo bem?
Nessa questão de URL amigável gostaria de esclarecer uma dúvida.
Como criar uma URL amigável do tipo http://www.ctasoftware.com.br/titulo-da-minha-noticia ?

Vários blogs e forum ensinam a seguinte maneira http://www.ctasoftware.com.br/noticia/1234, ou seja, notícia e id notícia, dessa maneira fica bastante estranho, acredito que a melhor maneira seja http://www.brasilseo.com.br/url/urls-amigaveis-ajudando-usuarios-e-mecanismos-de-busca alguma vez você já realizou isso? Teria algum script ou dica de como fazer?

Obrigado.
Everton Gonçalves Diz:
outubro 7th, 2011
Prezado,

Tudo bem?
Nessa questão de URL amigável gostaria de esclarecer uma dúvida.
Como criar uma URL amigável do tipo http://www.ctasoftware.com.br/titulo-da-minha-noticia ?

Vários blogs e forum ensinam a seguinte maneira http://www.ctasoftware.com.br/noticia/1234, ou seja, notícia e id notícia, dessa maneira fica bastante estranho, acredito que a melhor maneira seja http://www.ctasoftware.com.br/titulo-da-minha-noticia alguma vez você já realizou isso? Teria algum script ou dica de como fazer?

Obrigado.