Neste artigo, vamos explorar em detalhes a URL, explicar o que \u00e9, detalhar os diferentes componentes de seu funcionamento, discutir como uma boa URL deve ser para fins de SEO, entre outros pontos.<\/p>\n
O que \u00e9 uma URL (Uniform Resource Locator)<\/h2>\n
Uma URL, ou localizador uniforme de recursos, \u00e9 um endere\u00e7o que ajuda seu navegador a localizar uma p\u00e1gina web, foto, arquivo, ou outro recurso espec\u00edfico.<\/p>\n
Seu navegador leva o endere\u00e7o, traduz o nome do dom\u00ednio para o endere\u00e7o IP do servidor e o resto da URL mostra o caminho para o arquivo espec\u00edfico naquele servidor.<\/p>\n
Uma URL leva a um arquivo ou p\u00e1gina espec\u00edfica, enquanto um nome de dom\u00ednio \u00e9 o “endere\u00e7o” geral para todo o site ou servidor.<\/p>\n
URL vs URI<\/h2>\n
Um URI (ou um Identificador Uniforme de Recurso) \u00e9 diferente de uma URL, pois se refere \u00e0 identifica\u00e7\u00e3o \u00fanica de um arquivo ou recurso, mas n\u00e3o necessariamente ao meio pelo qual voc\u00ea pode acess\u00e1-lo.<\/p>\n
\u00c9 uma categoria de n\u00edvel superior de identificadores que tamb\u00e9m inclui a URL como uma de suas subcategorias.<\/p>\n
Seguindo as diretrizes do RFC 3986<\/a>:<\/p>\n “Um Identificador Uniforme de Recursos (URI) \u00e9 uma sequ\u00eancia compacta de caracteres que identifica um recurso abstrato ou f\u00edsico”.<\/p>\n Pode ser um nome de identifica\u00e7\u00e3o \u00fanico, o “local” (ou ponto de acesso da rede) do recurso, ou ambos (que \u00e9 o que \u00e9 chamado de URL).<\/p>\n Todos esses formatos est\u00e3o sob o guarda-chuva maior do URI, que abrange tanto URLs quanto URNs.<\/p>\n Para distinguir entre links reais para recursos on-line e os IDs de produtos f\u00edsicos, os links web s\u00e3o normalmente referidos como URLs em vez de URIs.<\/p>\n Nota: <\/strong>O pr\u00f3prio guia oficial indica que voc\u00ea deve “usar URI ao inv\u00e9s de URLs” para descrever endere\u00e7os web, mas ele n\u00e3o foi atualizado desde 2005, por isso est\u00e1 um pouco atrasado em rela\u00e7\u00e3o aos tempos. Em 2020, URL \u00e9 de longe o termo mais comum usado para se referir a endere\u00e7os da web.<\/p>\n\n Para ver um exemplo de URL, tudo o que voc\u00ea precisa fazer \u00e9 olhar o campo de endere\u00e7o web no topo do seu navegador, logo abaixo de suas abas.<\/p>\n O campo mostra a URL para esta p\u00e1gina: Observe que quando voc\u00ea clica em uma aba diferente, ela mostra uma URL diferente que se refere \u00e0 p\u00e1gina ou arquivo que voc\u00ea est\u00e1 visualizando.<\/p>\n Quando voc\u00ea est\u00e1 apenas visitando uma p\u00e1gina web, uma URL pode parecer a coisa mais simples do mundo.<\/p>\n Mas muita coisa pode acontecer em uma \u00fanica URL.<\/p>\n Vamos examinar as diferentes partes de uma URL que fazem todas essas coisas acontecerem.<\/p>\n A primeira parte de uma URL identifica qual protocolo o servidor e a p\u00e1gina web utilizam para transferir dados para o seu computador.<\/p>\n Dependendo do seu navegador, voc\u00ea pode ter que clicar duas vezes no lado esquerdo da URL para ver esta parte.<\/p>\n HTTP significa Hypertext Transfer Protocol e \u00e9 a forma b\u00e1sica e n\u00e3o criptografada de transferir dados pela Internet. HTTPS significa Hypertext Transfer Protocol Secure (Protocolo de Transfer\u00eancia de Hipertexto Seguro) e \u00e9 um protocolo mais seguro e criptografado para transferir dados. O Google Chrome mostrar\u00e1 que um site usa HTTPS com um s\u00edmbolo de cadeado, simbolizando um site seguro.<\/p>\n Se um site utiliza HTTP, ele mostra uma marca de aten\u00e7\u00e3o que voc\u00ea pode expandir e que o adverte contra o envio de qualquer informa\u00e7\u00e3o sens\u00edvel ao site.<\/p>\n Dependendo do navegador, do site e do sistema operacional, ele tamb\u00e9m pode abrir automaticamente um prompt que avisa os visitantes.<\/p>\n Pense na m\u00e1 impress\u00e3o que isso pode causar nos clientes em potencial. N\u00e3o \u00e9 uma boa imagem.<\/p>\n N\u00e3o apenas isso, mas o uso de HTTP pode afetar negativamente a classifica\u00e7\u00e3o do seu site para as palavras-chave do Google. O Google confirmou oficialmente que o utiliza<\/a> para decidir onde sua p\u00e1gina deve ser classificada nos resultados da pesquisa.<\/p>\n Mas mesmo com todas as desvantagens de se ater ao HTTP, em outubro de 2020, 33,2%<\/a> dos sites ainda n\u00e3o estavam usando HTTPS.<\/p>\n Se voc\u00ea ainda estiver usando HTTP para o seu site WordPress, temos um guia detalhado para migrar seu site de HTTP para HTTPs<\/a>.<\/p>\n Dependendo do seu provedor atual de hospedagem de sites, pode ser t\u00e3o simples quanto clicar em um bot\u00e3o ou talvez nem seja poss\u00edvel. Em certos casos, pode ser mais conveniente mudar para um provedor mais confi\u00e1vel que ofere\u00e7a HTTPS para todos os sites, como a Kinsta.<\/p>\n O nome de dom\u00ednio \u00e9 o que ajuda o navegador a encontrar seu servidor web em primeiro lugar, usando o DNS (Domain Name System).<\/p>\n Em termos simples, o DNS ajuda um navegador a traduzir um nome de dom\u00ednio para o endere\u00e7o IP real do servidor web conectado a ele.<\/p>\n Sem o DNS, ter\u00edamos que navegar na web compartilhando strings de n\u00fameros como 241.102.129.209.<\/p>\n N\u00e3o \u00e9 exatamente f\u00e1cil de lembrar, estou certo? Os nomes de dom\u00ednio n\u00e3o s\u00e3o \u00f3timos apenas para a marca. Eles facilitam o compartilhamento de grandes conte\u00fados e ideias.<\/p>\n Em vez de uma sequ\u00eancia aleat\u00f3ria de n\u00fameros, voc\u00ea pode compartilhar ou procurar um nome de dom\u00ednio que fa\u00e7a sentido. Como Kinsta.com, onde qualquer pessoa pode nos encontrar facilmente ap\u00f3s ouvir falar de nossa empresa.<\/p>\n Leia nosso guia para saber mais sobre o que \u00e9 DNS<\/a> e como ele conecta exatamente nomes de dom\u00ednio a servidores web.<\/p>\n O caminho \u00e9 qualquer parte da URL que vem depois do nome de dom\u00ednio, antes de um ponto de interroga\u00e7\u00e3o ou # que acrescenta informa\u00e7\u00f5es extras a uma URL (mais sobre isso abaixo).<\/p>\n No in\u00edcio, a URL refletia diretamente a estrutura de arquivos e pastas do seu servidor. Isso significava que, se voc\u00ea precisasse acessar esse arquivo, poderia seguir esse caminho exato usando seu cliente FTP para exclu\u00ed-lo ou edit\u00e1-lo. Por exemplo, se o caminho fosse seu site.com\/folder1\/folder2\/file1.html<\/strong>, a estrutura seria a mesma no seu servidor. Ao visualiz\u00e1-lo usando FTP ou um gerenciador de arquivos, seria id\u00eantico.<\/p>\n Mas hoje em dia, a maioria dos sites \u00e9 constru\u00edda com um CMS<\/a> que utiliza um banco de dados para gerar p\u00e1ginas dinamicamente.<\/p>\n Os CMS dependem da arquitetura do servidor para conectar uma URL de apar\u00eancia normal (como kinqsta.com\/blog\/what-is-a-url) a uma string de consulta que ir\u00e1 gerar a p\u00e1gina correta.<\/p>\n \u00c9 assim que os permalinks do WordPress funcionam, e por isso Se isso parece complicado e voc\u00ea ainda n\u00e3o entendeu bem, n\u00e3o se preocupe. Logo abaixo, temos uma se\u00e7\u00e3o completa dedicada aos permalinks do WordPress, explicando como eles funcionam e como voc\u00ea pode alter\u00e1-los.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n Query Strings \u00e9 a parte que segue o ponto de interroga\u00e7\u00e3o, e pode incluir vari\u00e1veis que se comunicam com o PHP naquela p\u00e1gina para impactar a experi\u00eancia do visitante.<\/p>\n Por exemplo, para WordPress, a vari\u00e1vel “p” \u00e9 a abrevia\u00e7\u00e3o para artigo e indica qual artigo WordPress vai mostrar naquela p\u00e1gina.<\/p>\n Sem permalinks para tornar a URL mais atraente, um artigo do WordPress s\u00f3 seria acess\u00edvel atrav\u00e9s de URLs como esta: O YouTube \u00e9 um dos maiores sites que ainda usam abertamente vari\u00e1veis nas URLs permanentes do seu conte\u00fado. Sempre que voc\u00ea compartilhar um link para um v\u00eddeo, ele levar\u00e1 a uma URL como URL como esta n\u00e3o s\u00e3o mais uma grande preocupa\u00e7\u00e3o para o compartilhamento social, j\u00e1 que a maioria dos sites de m\u00eddia social agora incluem previews e meta t\u00edtulos para links compartilhados.<\/p>\n Mas esse tipo de URL pode impactar negativamente o SEO do seu site ou blog.<\/p>\n Os par\u00e2metros UTM<\/a> s\u00e3o diferentes das strings de consulta que fornecem uma vari\u00e1vel para o CMS ou aplicativo web do seu site. Em vez de afetar diretamente a experi\u00eancia do visitante, eles se comunicam com seu software anal\u00edtico. (Por exemplo, o Google Analytics<\/a>).<\/p>\n Estas etiquetas UTM rastreiam de onde os visitantes vieram para analisar o desempenho da campanha. Voc\u00ea pode us\u00e1-las para indicar qual plataforma, campanha e at\u00e9 mesmo an\u00fancio espec\u00edfico enviou um visitante.<\/p>\n Algumas plataformas de publicidade geram automaticamente par\u00e2metros para armazenar dados sobre os visitantes.<\/p>\n A \u00e2ncora \u00e9 qualquer coisa que vem atr\u00e1s de um sinal de # (hashtag). \u00c9 um link espec\u00edfico de uma p\u00e1gina que leva a uma parte espec\u00edfica de uma p\u00e1gina.<\/p>\n A URL acima levar\u00e1 voc\u00ea para a parte “A Anatomia de uma URL” desta p\u00e1gina porque \u00e9 um link de \u00e2ncora ou “link de salto” para a identifica\u00e7\u00e3o daquele subt\u00edtulo espec\u00edfico.<\/p>\n Para usar links de \u00e2ncora, voc\u00ea precisa adicionar um “ID” \u00e0 tag HTML para a qual voc\u00ea deseja fazer o link. Neste caso, o c\u00f3digo real para o t\u00edtulo desta se\u00e7\u00e3o H2 se parece com isto em HTML simples:<\/p>\n Voc\u00ea tamb\u00e9m pode adicionar um manualmente aos cabe\u00e7alhos no editor Gutenberg no WordPress, expandindo a se\u00e7\u00e3o “avan\u00e7ada” de um bloco de cabe\u00e7alhos.<\/p>\n Na Kinsta, n\u00e3o nos preocupamos em adicionar manualmente identifica\u00e7\u00f5es a todos os subt\u00edtulos. Em vez disso, usamos um plugin que gera uma tabela de conte\u00fado e salta links automaticamente para cada artigo.<\/p>\n O plugin cria um v\u00e3o em torno de t\u00edtulos relevantes com o ID, poupando-nos o trabalho de adicion\u00e1-lo manualmente.<\/p>\n Para saber mais sobre como voc\u00ea pode configurar isto em seu site WordPress, leia nosso guia sobre links de \u00e2ncoras<\/a>.<\/p>\n Incluindo www em sua URL costumava ser um padr\u00e3o para todos os sites na Internet.<\/p>\n N\u00e3o \u00e9 mais esse o caso. Voc\u00ea pode at\u00e9 ter notado que nosso site, kinqsta.com, n\u00e3o inclui www na URL.<\/p>\n Os tr\u00eas W s\u00e3o uma parte opcional <\/em>de uma URL que identifica um site como parte da World Wide Web. Se voc\u00ea o utiliza \u00e9 em sua maioria por prefer\u00eancia pessoal.<\/p>\n Voc\u00ea pode configurar redirecionamentos para o formul\u00e1rio correto, mesmo que os visitantes n\u00e3o o incluam. Assim, por padr\u00e3o, o Google Chrome e muitos outros navegadores n\u00e3o o mostram mais. Os redirecionamentos o tornam irrelevante para a experi\u00eancia do usu\u00e1rio.<\/p>\n E o Google utiliza automaticamente a varia\u00e7\u00e3o certa nos resultados da pesquisa, portanto n\u00e3o \u00e9 um fator SEO.<\/p>\n Como no protocolo, voc\u00ea pode precisar clicar duas vezes na URL para ver a URL completa que inclui o www<\/strong>.<\/p>\n Pode haver alguns pr\u00f3s e contras para cada op\u00e7\u00e3o, dependendo do tamanho e dos objetivos da sua empresa. Leia mais sobre a escolha entre um dom\u00ednio www e um dom\u00ednio n\u00e3o-www<\/a> para tomar sua decis\u00e3o.<\/p>\n Se voc\u00ea quiser adicionar ou remover o www, j\u00e1 abordamos como alterar sua URL<\/a> para incluir ou remover o www no WordPress.<\/p>\n J\u00e1 falamos brevemente sobre isso, mas com um CMS como o WordPress, o caminho do URL n\u00e3o representa o caminho “real” atrav\u00e9s das pastas e arquivos existentes em seu servidor.<\/p>\n Em vez disso, o WordPress usa PHP e MySQL para gerar p\u00e1ginas baseadas em strings de consulta inclu\u00eddas na URL, como “Prettier permalinks” como o deste artigo, https:\/\/kinqsta.com\/blog\/what-is-a-url\/<\/a>, confie em uma fun\u00e7\u00e3o de reescrita Apache<\/a> ou Nginx<\/a> para ligar uma URL a um permalink WordPress relevante com o ID do artigo.<\/p>\n Felizmente, voc\u00ea n\u00e3o precisa entender seu ecossistema de servidor ou como fazer isso manualmente para fazer qualquer mudan\u00e7a em sua URL.<\/p>\n Voc\u00ea pode lidar com tudo de dentro do WordPress (desde que seu ambiente de servidor esteja configurado corretamente).<\/p>\n Se voc\u00ea defini-lo como simples, seus artigos s\u00f3 ser\u00e3o acess\u00edveis se voc\u00ea usar links com a vari\u00e1vel de identifica\u00e7\u00e3o do artigo: A maioria dos sites WordPress evita isso por raz\u00f5es de SEO. Uma string de n\u00fameros aleat\u00f3ria n\u00e3o pode incluir uma palavra-chave correspondente, e \u00e9 menos clic\u00e1vel do que um link que fa\u00e7a sentido.<\/p>\n Em vez disso, a maioria dos sites usa uma estrutura que inclui um t\u00edtulo de blog, ou uma variante do mesmo, na URL.<\/p>\n Os slugs e permalinks autogerados pelo WordPress nem sempre s\u00e3o ideais.<\/p>\n Se deixarmos o WordPress cuidar disso, o permalink para este artigo seria algo como kinqsta.com\/blog\/o-que-e-url-explicado-aprenda-como-tirar-o-maximo-do-url-do-seu-site.<\/p>\n Simplesmente \u00e9 muito longo e n\u00e3o \u00e9 ideal nem para compartilhamento, nem para SEO.<\/p>\n Ent\u00e3o, para fins de SEO e compartilhamento, voc\u00ea pode definir um slug e permalink personalizados para cada artigo e p\u00e1gina. (Antes era necess\u00e1rio um plugin de SEO para isso, mas, felizmente, agora est\u00e1 inclu\u00eddo no n\u00facleo do WordPress.)<\/p>\n Basta expandir a se\u00e7\u00e3o \u201cPermalink\u201d na barra lateral direita ao criar qualquer p\u00e1gina ou artigo.<\/p>\n Para fins de SEO, voc\u00ea quer manter uma slug limpa e curta, sem palavras de preenchimento desnecess\u00e1rias ou adjetivos. \u00c9 por isso que nossa slug \u00e9 Saiba mais sobre como otimizar essas configura\u00e7\u00f5es em nosso guia definitivo de permalinks WordPress<\/a>.<\/p>\n Uma URL <\/strong>\u00e9 um link que leva a qualquer p\u00e1gina, arquivo ou recurso na Internet.<\/p>\n Mas quando se trata de endere\u00e7os web e WordPress, URL n\u00e3o \u00e9 o \u00fanico termo que usamos. Voc\u00ea tamb\u00e9m pode ter ouvido a palavra permalink ou slug.<\/p>\n Um permalink <\/strong>\u00e9 uma URL que atua como um permalink para uma pe\u00e7a espec\u00edfica de conte\u00fado em seu site WordPress. (Por exemplo, https:\/\/kinqsta.com\/blog\/what-is-a-url\/ <\/strong>\u00e9 o permalink para este artigo).<\/p>\n Uma slug<\/strong> \u00e9 a \u00faltima parte da URL depois do nome de dom\u00ednio e da pasta WordPress que identifica uma p\u00e1gina espec\u00edfica: \n
https:\/\/kinqsta.com\/blog\/what-is-a-url\/<\/code> \u00e9 uma URL, pois especifica o protocolo HTTPS e a localiza\u00e7\u00e3o completa da p\u00e1gina.<\/li>\nmailto:contact@kinqsta.com<\/code> tamb\u00e9m \u00e9 uma URL devido ao protocolo mailto, mas usado para enviar e-mails, n\u00e3o acessando uma p\u00e1gina web ou outro recurso.<\/li>\nurn:isbn:12312341234<\/code> \u00e9 um URN (Uniform Resource Name) que especifica apenas um nome sem nenhuma maneira de acessar o recurso.<\/li>\n<\/ul>\nExemplo de uma URL<\/h2>\n
![\"Barra](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/01\/kinsta-url.png\")
https:\/\/kinqsta.com\/blog\/what-is-a-url\/<\/code>. (Seu navegador pode esconder o HTTPS at\u00e9 que voc\u00ea fa\u00e7a duplo clique no campo).<\/p>\nAnatomia de uma URL (6 partes diferentes)<\/h2>\n
\n
O protocolo HTTPS\/HTTP<\/h2>\n
![\"O](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/01\/url-protocol.png\")
![\"Uma](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/02\/your-connection-is-not-secure.jpg\")
O Nome de Dom\u00ednio & DNS<\/h2>\n
![\"A](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/02\/url-domain.png\")
O caminho<\/h2>\n
![\"A](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/02\/url-path.png\")
![\"Estrutura](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/02\/sftp-folder.jpg\")
https:\/\/kinqsta.com\/blog\/what-is-a-url\/<\/code> leva a esta p\u00e1gina, mesmo que n\u00e3o tenhamos uma pasta chamada blog ou arquivo chamado what-is-a-url em nosso servidor.<\/p>\nQuery Strings e vari\u00e1veis<\/h2>\n
![\"Consultar](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/02\/url-query-variable.png\")
http:\/\/yoursite.com\/?p=1294<\/strong><\/code>. Voc\u00ea precisaria especificar a identifica\u00e7\u00e3o do artigo para o WordPress diretamente para obter a p\u00e1gina desejada.<\/p>\nhttps:\/\/www.youtube.com\/watch?v=YxR85tY46BE<\/code>.<\/p>\nPar\u00e2metros UTM<\/h2>\n
![\"Par\u00e2metros](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/02\/url-utm-tag.png\")
\u00c2ncoras<\/h2>\n
![\"A](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/02\/url-anchor.png\")
<h2 id=\u201dthe-anatomy-of-a-url\u201d>The Anatomy of a URL <\/h2><\/code><\/pre>\n![\"Link](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/02\/gutenberg-anchor-settings.png\")
![\"O](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/02\/html-source-anchor.png\")
WWW ou n\u00e3o WWW<\/h2>\n
Permalinks WordPress<\/h2>\n
https:\/\/kinqsta.com\/?p=1294<\/code>. Isso \u00e9 o que era o permalink original do WordPress.<\/p>\n![\"Configura\u00e7\u00f5es](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/02\/wordpress-permalink-settings.jpg\")
yoursite.com\/?p=123<\/code>.<\/p>\nEdi\u00e7\u00e3o de permalinks na cria\u00e7\u00e3o de novos artigos e p\u00e1ginas<\/h2>\n
![\"Editar](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/02\/gutenberg-permalink-settings.jpg\")
what-is-a-url<\/code>, e n\u00e3o what-is-a-url-in-depth-explanation-learn-how-to-get-the-most-out-of-your-sites-url<\/code>.<\/p>\nURL vs Slug vs Permalink<\/h2>\n
what-is-a-url<\/code>. Slug deve ser curta, leg\u00edvel e indicar claramente o conte\u00fado da p\u00e1gina ou artigo.<\/p>\n
![\"Adicionar](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/02\/mykinsta-add-redirect-rule.png\")