10 erros comuns quando você criar uma página da Web

Meme de erro HTML SEO 10 Hoje ir para erros típicos quando a criação de página da Web e sua importância para a pesquisa engine ranking. Porque quando se trata de search engine optimization (SEO), se lê muitas vezes “conteúdo é rei”. Isso pode ser, mas também uma codificação de HTML limpo é ainda de significativa relevância. Só porque uma página no navegador da Web, como a aparência desejada, não, quer dizer que o código HTML subjacente também válido e sintaticamente correto. E exatamente aqui reside o ponto crucial.

O conteúdo é rei, codificação é rainha!

Muitos webmasters ser satisfeito, se a página, como imaginar isso. Aqui, ainda melhor ranking pode ser alcançado muito provável se a programação da página seria implementada corretamente. Com a programação, o código HTML é dizer aqui. Embora mal implementados scripts do lado do servidor (por exemplo, em PHP ou Perl) podem afetar a velocidade de carregamento e, portanto, indiretamente também o ranking do search engine, mas não nosso tema central deve ser hoje.

Os top 10 erros durante a criação de página da Web

Abaixo estão assim meu top 10 dos erros que se arrastam particularmente fácil e uma explicação seguinte diretamente como evitá-los.

(1) especifique o DOCTYPE e Contentype

A tag DOCTYPE é sempre em toda a primeira linha de um documento HTML (antes da aberturaTag). Na verdade se o DOCTYPE marca não é uma tag HTML, mas um dia, que é lido pelo servidor Web e gravado para o cabeçalho HTTP. O cabeçalho HTTP, por sua vez, são então interpretados navegador do visitante da página, para que o navegador sabe o tipo de documento HTML que é e como ele precisa esta renderização.

As declarações doctype válido mais comuns são as seguintes:

HTML 5

HTML 4.01 estrito

XHTML 1.0 strict

Se o DOCTYPE é certo que já é metade da batalha. O segundo dia importante, que assegura que o navegador sabe como deve ser apresentado um documento HTML, é a marca meta que especifica o tipo de conteúdo.

Esta tag diz ao navegador ambos com que é um documento HTML e no conjunto de caracteres que está escrito. Isto é incoerente, por exemplo tremas rapidamente podem ser representadas como ininteligível “lixo”.

O código de exemplo acima é para um documento HTML, onde o conjunto de caracteres UTF-8 é codificado.

(2) tags corretamente fechar

Só porque um em PHP agora (dependendo da configuração do servidor) o fechamento “? >” marca deve omitir, o que é ainda não muito tempo, que isto também se aplica ao HTML.

Dependendo, se o documento HTML usa um DOCTYPE HTML ou um XHTML DOCTYPE, pode ser ou não também fechado algumas etiquetas diretamente. A

em XHTML por exemplo é um

em HTML.

Se ambiguidade lá uma vez, que dia deve ser fechado, muitas vezes ajuda um vislumbre em uma referência de HTML.

(3) usar atributos alt para imagens

Ele muitas vezes chegando a um ponto mais vai esquecer. O atributo alt no marca. Os carrinhos de “alt” para “alternativo” e, portanto, ao mesmo tempo descreve sua função. O texto no atributo alt aparece se a imagem pode ser carregada ou exibida. Além disso, o atributo alt é usado pelos motores de busca para indexar. Quem usa o atributo alt, não só garante a compatibilidade da página para o aumento, mas também sou bom para search engine optimization.

Um uso válido de tags alt pode ser parecido com isto:

Das code-bude.net Logo

Beware! O atributo alt não é por padrão exibido no navegador. Se você deseja exibir quando você passa o mouse sobre a imagem uma descrição, então você deve usar adicionalmente o atributo title.

(4) uso tempo dia

Quem tem estatuto, chamando URLs através do campo de busca do Google, que talvez já tenha usado as opções de busca. Aqui você pode fazer também um limite temporal. Mas como é que o Google sabe quando um artigo foi publicado?

Aqui, o

Publicado Uhr.Erschienen às no .

Conforme mostrado no exemplo a reconhecer, a hora / data pode ser especificada dentro de marcas, ou como um atributo.

(5) corretamente citar

Quem citou isso também deve corrigir de marcação. Isto é verdadeiro não somente para trabalhos de casa, escola e Universidade, mas também para publicações na Web. A escolha da marca correta depende do comprimento do texto para citar.

  • < citar – > tags: para citações muito curtas. Por exemplo, diretamente na linha.
  • < q >-Etiquetas: para Cotações médias.
  • < BLOCKQUOTE >-Etiquetas: para citações de mais tempo.

(6) fotos e imagens de rótulo corretamente

Quem quer sentar-se um terceiro dica neste artigo e grava seus websites em HTML5, que pode usar a legenda de imagens de etiquetas

e
.

code-bude.net Logo
Nosso novo logotipo do site

A tag

está por trás da marca escrita e inclui a descrição da imagem. – e
marca resumem-se em seguida na marca de

.

(7) AJAX, mas apenas com a mente

AJAX (JavaScript e XML assíncronos) é um moderno, fresco e fácil de usar. Compreensível que muitos, portanto, totalmente dependem de AJAX e experimentá-lo em todos os lugares (e quero dizer realmente em todos os lugares) para usar. O que no entanto não esquece, é que – como se tudo o que é carregado via Ajax para motores de busca é difícil de não ler.

Quem entrega seu valioso conteúdo exclusivamente através de solicitações de AJAX, deve não ser surpreendido, se ele não trabalha com os rankings no motor de busca.

E agora? Abster-se completamente de AJAX? Quero dizer – não. É importante decidir se o uso do AJAX faz sentido e serve a facilidade nova outra vez sobre ele, ou se uma entrega de conteúdo clássica numa dada situação poderia ser melhor.

(8) um dia para listas

Listas de todos os lados. O mais tardar, uma vez que existem sites como heftig.co e sua laia, tudo é contado e listado. Lá também estão combinando tags HTML. Porque uma lista deve, sob nenhuma circunstância por meio de
Marca (quebra de linha) opticamente imposta.

Falso:

1. Levante-se
2. programação
3. sono

Certo:

  1. Levante-se
  2. Programação
  3. Dormir

(9) validar código fonte

Acabou-se a página da Web, você deve enviar seu trabalho através de um validador de novo. Isto verifica o código HTML na validade em comparação com o padrão utilizado no DOCTYPE.

O serviço de maior e mais popular para essa finalidade é o validador W3C oficial.

(10) crossbrowser teste é uma questão de honra

Se o código é válido, se todos a votar, ou não? Sim! Porque até mesmo, se o código sem erros através do validador W3C desapareceu, isso não significa, que a página da Web para cada usuário então parece que foi concebido pelo programador.

Para resolver este problema fora do caminho, único – ajuda, teste, teste! Porque eu agora, no entanto, o desenvolvedor do médio, que ele teria como instalar nem todos os navegadores do mundo no seu computador, existem também para este remédio. Então, os diferentes serviços que uma URL especificada em todos os navegadores possíveis processar e exibir o resultado podem ser encontrados na Web. Um exemplo disso é o BrowserShots.

Conclusão

Vamos agora finalmente novamente as 10 regras acima. Alguns deles, como exemplo a regra 2 (fechar marcas corretamente) ou regra 3 (atributos alt em imagens) deve ser concedido para qualquer programador. Outros, como por exemplo a regra 4 (usar tempo-tags), são um pouco especiais. Mas todos têm uma coisa em comum-eles podem ser implementados de forma relativamente rápida e facilmente e, portanto, melhorar a qualidade de uma página da Web.

Se você está apto na programação, deveria levar então as dicas para o coração. Ainda vai a uma agência de SEO profissional permanece todos os outros proprietários e operadores de Web sites. Porque não importa quanto paixão em sua vara de lado, se tecnicamente é asneira, a alegria do próprio site não tempo prenderá.

Certamente a lista poderia ser ainda mais qualquer causa, mas então é material para outro artigo. O que você acha das dicas? Falta mesmo um que necessariamente quer colocar meus leitores para o coração? Estou ansiosa seus comentários!

Sobre o autor: Este artigo, bem como 363 outros artigos sobre código-bude.net, escrito por Raphael. -Desde 2011 blog aqui sobre programação, meu software, escrever tutoriais e tentar o meu conhecimento, portanto ele vai bem, para compartilhar com meus leitores. Além disso, escrevo sobre temas de meus estudos sobre derwirtschaftsinformatiker.de. E-mail • Google + • Facebook • Twitter

8SHARESFacebookTwitterGoogleWhatsappRedditPocketStumbleuponPinterestXingMail