CSS, XHTML, Web Standards, Tableless, Estatísticas, SEO, Wordpress | marcio misumi

Fazendo um estudo sobre semântica em HTML encontrei um artigo falando sobre as diferenças entre <i> e <em>, <b> e <strong>. Então resolvi escrever sobre esse assunto, pois acredito que muitas pessoas ainda tem dúvidas.

As tags <i> (italic) e <b> (bold) não são consideradas semânticas, por isso ouve-se comentar que cairam em desuso. Estas tags geram um efeito unicamente visual.Já em um código semântico, onde se pretende dar ênfase a algo, devemos tecnicamente usar a tag <strong> em vez de <b> e a tag <em> (emphasis) em vez de <i>.

Alguns User Agents como buscadores e leitores de tela dão um certo valor de ênfase para palavras marcadas com a tag <em>. A tag <strong> também tem esse efeito, mas com um valor semântico mais forte. Em casos que você quiser apenas uma pequena variação visual com absolutamente nenhum efeito semântico para os User Agents, considere usar algo feito em CSS.

Um ótimo exemplo são Os leitores de tela, que dão uma entonação diferente a determinada palavra ao encontrarem uma destas tags semânticas.

Então lembre-se, bold e italic assentam numa lógica de ênfase visual, ao passo que strong e emphasis sugerem uma ênfase semântica. Visualmente, <b> e <strong>, e <em> e <i> têm exatamente o mesmo aspecto.

O significado de SEO é Search Engine Optimization. Em português ele é conhecido como Otimização de Sites, MOB e Otimização para Buscas. O SEO nada mais é do que a otimização de uma página (ou até do site inteiro) para ser melhor compreendido pelas ferramentas de busca. A conseqüência da utilização das técnicas de SEO é o melhor posicionamento de um site em uma página de resultados de uma busca. Por exemplo, ao pesquisar no Google por “Marketing de Busca”, o primeiro resultado é este site. O SEO é uma prática sem garantias, ou seja, nenhuma empresa ou pessoa pode garantir que seu site fique em primeiro em uma busca, pois o único capaz disto seria o próprio site de busca como o Google ou o Yahoo.

O SEO surgiu com a nova geração de sites de busca. Antes dela, a organização do links em uma páginas de resultado era alfabética como nos diretórios web. Na nova geração de ferramentas de busca, o posicionamento passou a depender da relevância. Esta relevância é definida por algoritmos, que são cálculos que servem para definir o quanto uma página é importante. Um dos mais conhecidos algoritmos de busca é o Google PageRank.

Os fatores que influenciam o posicionamento das páginas são guardado a sete chaves pelos sites de busca. Porém, ao longo do tempo, foi possível identificar as melhores práticas que se resumem em empregar o bom senso na criação e estruturação de um site. O SEO também depende da palavra-chave que é o termo que você usa em uma busca. Dependendo de quais palavras você utiliza, serão retornadas páginas diferentes em posições diferentes.

O SEO pode ser dividido em duas partes. Fatores internos e fatores externos. Os internos são relacionados ao site. Alguns exemplos são urls claras, utilização dos padrões web, títulos de página racionais e a correta utilização das tags html que é linguagem utilizada para construir páginas web. Já a parte externa analisa como os outros sites se relacionam com o site. Os exemplos são quantidade de links apontando para o site, quais sites apontam o site e o conteúdo do link apontado. Dependendo destes fatores, as páginas são pontuadas pelos sites de busca para que ele possa determinar a relevância da pagina e quais as palavras-chave relacionadas a ela. O Google utiliza um sistema de pontuação de 0 a 10 que é o PageRank.

Existe também o lado negro do SEO conhecido como Black Hat Seo. Nele, são utilizadas técnicas que tentam enganar os algoritmos das ferramentas de busca para melhorar o posicionamento da página como uso de texto invisível ou de exibir conteúdo diferente para pessoas e sites de busca. Quando descobertos, os sites de busca podem punir os sites que utilizam estas práticas diminuindo a importância do site ou chegando a excluí-lo da sua busca.

Não se deve confundir o SEO com links patrocinados, pois no segundo você pode pagar para ter a garantia de ficar na frente de outros resultados, podendo ficar até em primeiro se estiver disposto a pagar o preço.

Fonte: http://www.marketingdebusca.com.br

Hacks são códigos utilizados para corrigir problemas de renderização que podem ocorrer entre os navegadores. Este tipo de incompatibilidade são causados porque eles não seguem totalmente as regras W3C.

É possível evitar o uso dos hacks se o desenvolvedor fizer uma codificação (X)HTML bem-planejada e bem-estruturada.

Uma dica importante quando estiverem estruturando um site em CSS é ficar com os navegadores abertos (Internet Explorer 6.0 e 7.0, Firefox, Opera, etc..) e ir testando em cada um deles ao fazer qualquer alteração, desta maneira se algum detalhe ficar diferente entre eles, você já sabe onde está o erro e assim fica mais fácil corrigir.

Hacks simples para o Internet Explorer

A maioria dos bugs CSS ocorrem no Internet Explorer, principalmente nas versões 6 e anteriores. O Internet Explorer 7 corrigiu muitos destes bugs, mas ainda aprensentam problemas de renderização. Veja a seguir alguns hacks para o Internet Explorer:

Hack underscore

O hack underscore, um dos mais conhecidos, é entendido pelo IE6 e anteriores. Apesar deste hack funcionar perfeitamente, ele está sendo abandonado, sobretudo pelo fato de não ser reconhecido pelo validador CSS do W3C.

Exemplo:

div {min-height: 100px;} /* para navegadores padrão */
div {_height: 100px;} /* para IE6 e anteriores */

As recomendações para CSS recomendam que se um seletor foi escrito com sintaxe errada ou o navegador não entende o que foi escrito, a declaração CSS deverá ser ignorada. Para efeito de estilização, tudo se passa como se a declaração não existisse.

Hack estrela html

O hack estrela é entendido pelo IE6 e anteriores.

Exemplo:

div {min-height: 100px;} /* para navegadores padrão */
* html div {height: 100px;} /* para IE6 e anteriores */

Hack asterisco

Este hack consiste em colocar um sinal de asterisco (*) antes do seletor e casa com as versões a partir do IE5.0 até IE7.

Exemplo:

*div {height: 100px;} /* para IE5.x, IE6 e IE7 */

Hack estrela +

Este hack aplica a regra CSS para IE5 e IE7.

Exemplo:

* + html div {height: 100px;} /* para os navegadores IE5 e IE7 */

Vejam a estatística de resoluções de tela do mês de julho divulgado pela Net Applications:

1024 x 768 – 40.74%
1280 x 800 – 17.23%
1280 x 1024 – 13.03%
1440 x 900 – 7.08%
800 x 600 – 5.66%
1680 x 1050 – 4.61%
Outras – 11.43%

Para a estatística de resoluções de tela do mês de junho/2008, clique aqui.

Nova York – Gerente de programação anuncia no blog da empresa que ‘testers’ do novo beta podem reportar erros via e-mail à Microsoft.

A Microsoft está expandindo os testes da nova versão beta do Internet Explorer 8 e convocou avaliadores por meio do blog da empresa nesta semana.

Atualmente, o único modo de registrar um bug com a equipe do IE é se a pessoa fizer parte dos técnicos da versão beta do programa no Microsoft Connect. Agora, se as pessoas querem contribuir com os relatórios de erros, elas podem enviar um e-mail para IESO@microsoft.com, segundo escreveu a gerente de programação da Microsoft Allison Burnett.

A Microsoft espera lançar outra versão beta do IE8 ainda neste mês.

A primeira versão beta do IE8 foi lançada durante conferência MIX 2008 em março. A companhia planeja adicionar mais suporte para padrões de protocolo industriais, como o CSS (Cascading Style Sheets), no navegador e respondeu aos comentários dos desenvolvedores que precisa trazê-los para testar o IE8 o tanto quanto for possível e então eles podem preparar web sites para essas mudanças.

A Microsoft fez o IE7, versão atual do browser, conforme as normas quando lançado, em outubro de 2006. No entanto, vários sites que foram desenvolvidos para funcionar nas versões anteriores do IE que não suportaram os padrões abertos com o IE e tiveram de ser recodificados. A Microsoft quer evitar que o mesmo problema ocorra com o IE8.

A versão final do IE8 deve ser lançada até o final do ano.

Por Elizabeth Montalbano, editora do IDG News Service, dos EUA

Fonte: http://idgnow.uol.com.br

Vejam a estatística dos browsers do mês de julho divulgado pela Net Applications:

Microsoft Internet Explorer – 73.02%
Firefox – 19.22%
Safari – 6.14%
Netscape – 0.69%
Opera – 0.69%
Mozilla – 0.08%
Outros – 0.17%

Por versão dos browsers:

Microsoft Internet Explorer 7.0 – 47.10%
Microsoft Internet Explorer 6.0 – 25.74%
Firefox 2.0 – 13.02%
Firefox 3.0 – 5.67%
Safari 3.1 – 4.39%
Safari 3.0 – 0.94%
Opera 9.x – 0.67%
Outros – 2.41%

Para a estatística dos browsers do mês de junho/2008, clique aqui.