Design e otimização de websites – Código

Continuando a série de posts sobre otimização de um site, quero reinterar que a verdadeira otimização é fazer o seu site ou aplicativo web corretamente desde o início. Planejamento, projeto, Arquitetura da Informação, produção de conteúdo relevante, Usabilidade e Semântica são fundamentos para todo e qualquer negócio online, não importa o tamanho.
Isto posto, falemos sobre algo que conheço relativamente bem: código xhtml semântico estruturado. Parece complicado né? Bom, então vamos descomplicar isso. E vamos por partes.

Primeiro, o que é código xhtml?

Desde o início da Internet e depois com o surgimento da web, que os sites são criados usando uma linguagem que os navegadores (dos mais antigos aos mais modernos) entedem, a html, a xhtml nada mais é uma expansão dessa linguagem “mãe” visando, entre outras coisas, o uso mais racional e semântico dessa linguagem, respeitando a “gramática” definida e o seu uso correto. É importante perceber o uso de palavras próximas aos estudo de línguas: semântico, gramática, escrita. Nada disso é por acaso, a HTML e a XHTML, são linguagens que marcam nosso conteúdo online, usando tags para informar aos navegadores e aos buscadores (como o Google) qual o sentido que cada parte de nosso conteúdo, qual sua relação com as outras partes e seu significado no contexto geral, daí o termos código semanticamente estruturado.

A importância de um código limpo, racional e semântico é tanta que muitas vezes só isso basta para trazer seu site das últimas posições para o topo, dependendo da concorrência do seu negócio. Mas por favor não me entendam mal, a estruturação de seu código é algo importante, mas só faz sentido no fluxo correto do desenvolvimento de um negócio online: Planejamento, Arquitetura, Conteúdo, Design, Codificação, Programação e etc.

De nada adianta agradar os buscadores e navegadores se seus usuários não conseguem usar seu site (usabilidade), não gostam do que tem lá (conteúdo) ou não acham ele atraente (design), entre muitos outros fatores. Codificar corretamente é só um dos passos, seus usuários vem antes disso tudo, pense neles desde o início.

Novidades surgem todos os dias.

Todo dia surgem novidades vindas de desenvolvedores do mundo todo, é ao mesmo tempo um desafio e um vício ficar por dentro de tudo. O que mas me chama a atenção nesse sentido são os Microformatos.

Microformato é um conjunto de formatos abertos projetados para adicionar semântica em qualquer documento XML, especialmente HTML/XHTML.

Isso é feito usando atributos do HTML específicos:

• class
• rel
• rev

Aplicações, como buscadores, podem extrair informações específicas de páginas que usam microformatos, como informações de contato, evento, licença, etc. Com eles podemos ampliar o uso da XHTML de forma quase infinita, seus usos vão desde a criação de uma espécie de cartão de visitas de seu site ou serviço, que pode conter quantas informações sejam necessárias, disponíveis online para quem precisar, até fazer relações entre cada pedaço de seu conteúdo com conteúdo de outros sites, sejam eles seus ou de terceiros.

Image o seu conteúdo, relevante e altamente bem desenvolvido sendo inserido em outros sites e com isso trazendo visitantes para você de volta, quase que instantaneamente e sem esforço? Gostou da idéia? As possibilidades são inúmeras e merecem um post só sobre elas.

Gostaria de deixar aqui claro (novamente) que esses posts não são para ditar regras, até porque estou sempre aprendendo coisas novas, não estou aqui para dizer isso, o que me proponho é tornar público o que penso sobre SEO e SEM, sobre marketing online e produção de sites, trocar idéias e conhecimentos com todos que estivem dispostos e aprender com todos. Se se poder com isso ensinar alguma coisa, fico muito feliz.

Esse assunto não acaba por aqui, vou pesquisar mais sobre microformatos e seu desenvolvimento e volto a escrever.

Ficou mais confuso que antes? Quer saber como fazer na sua empresa? Entre em contato batemos um papo sobre o que posso lhe ajudar.

Peça o seu orçamento personalizado sem compromisso e ganhe uma análise básica de sua presença online:

Related posts:

1. Como montar um plano de SEO Preparar um Plano de SEO em pequenos passos não é...
2. 8 dicas para fazer o seu próprio SEO Crie o seu site com WordPress (ou outro CMS que...
3. Mercados são conversações. Já falei sobre isso aqui no site em Gestão da...

Related posts brought to you by Yet Another Related Posts Plugin.