Olá pessoal… hoje eu vou explicar um pouco sobre Tabela Semântica, esse post vai ajudar muito o meu amigo Alex que trabalha comigo lá na Mundo Click e também espero ajudar muitas pessoas que tem a mesma dúvida que a dele, então chega de papo e vamos começar o que interessa.

Bom primeiro eu vou mostrar como era uma tabela antiga sem semântica:

TITULO 1
TITULO 3
TITULO 3


TEXTO 1
TEXTO 2
TEXTO 3


RODAPÉ 1
RODAPÉ 2
RODAPÉ 3

Como vocês podem ver eu fiz uma tabela muito simples de 3 colunas , só para quem ainda não conhece eu vou explicar para que serve cada TAG.

<table> – A tag TABLE é o corpo da tabela dentro dela que vocês colocam todos os dados, ainda nele tem varias propriedades que podem ser integradas como cellpadding e cellspacing essas duas propriedades servem para tirar o espaçamento padrão que vem na TAG table e ainda tem várias propriedades que podem ser utilizadas.

<tr> – A tag TR ela sempre vem depois da TABLE porque ela é responsável de criar as colulas da tabela.

<td> – A tag TD ela é a celula da tabela é o lugar onde você o conteudos.

Agora é montar uma tabela seguindo as regras de semântica:

TITULO 1
TITULO 3
TITULO 3




RODAPÉ 1
RODAPÉ 2
RODAPÉ 3




TEXTO 1
TEXTO 2
TEXTO 3

Dá para ver como muda bastante mas estruturamente é a mesma mesma tabela somente o “ROPAPÉ” que mudou de lugar para ficar mais simples de entender eu vou explicar cada uma. As tags TABLE, TR, TD continuam mas agora adicionamos mais 4 tags e uma propriedade na tag TABLE.

SUMMARY – Essa propriedade serve para colocar “nome/titulo” da sua tabela.

<THEAD> -  essa tag é muito importânte porque nela que vai o cabeçalho da sua tabela.

<TFOOT> -  essa tag também é importate mesmo colocando ela abaixo da THEAD ela sempre vai ficar no rodapé da sua tabela.

<TH> -  essa th só funciona dentro da THEAD e TFOOT e o padrão dessa tag é negrito e centralizado.

<TBODY> – como o nome dela já diz ela é o corpo da sua tabela dentro dela podem ser colocadas as tags TR e TD.

Espero ter ajudado mas se vocês tiverem muitas dúvidas é só deixar um comentário ou mandar um email “chrdesigner@chrdesigner.com” que eu respondo até a proxima.

- Visualizar Exemplo

- Download do Arquivo

Eu estava lendo no blog do Fabio Ricotta e vi esse artigo muito bom falando sobre como melhorar a indexação de Sites em Flash, na Produtora Web que eu trabalho “Lógica Digital” eu sempre converço com o responsável em flash “Fabio JR.” como nos podemos melhorar a indexação. Abaixo vai ter uma breve descrição como podemos melhorar isso.

A grande maioria sabe, o Flash é totalmente um recurso visual, e o Googlebot não possui olhos. O Googlebot pode ler os arquivos Flash e extrair texto e links contidos nele, mas a estrutura e o contexto é perdido. Além disso, o conteúdo textual é, em algumas vezes, armazenado de forma gráfica no Flash, e como o Googlebot não possui um algoritmo para o reconhecimento destes gráficos, estas importantes palavras-chave são perdidas. Tudo isso significa que mesmo que o seu conteúdo em Flash esteja na base de dados do Google, ele pode perder um pouco de texto, conteúdo, ou links. O agravante fica no seguinte ponto: o Googlebot pode entender alguma coisa dos arquivos Flash, mas muitos outros crawlers não podem.

Então, o que um web desginer deve fazer?

A única coisa que se deve fazer é prover ao Googlebot e a todos os crawlers, o mesmo conteúdo que é disponibilizado aos usuários. Se você não o fizer, o seu site ficará suspeitos através dos algortimos de busca dos buscadores.

Algumas sugestões foram feitas pelos engenheiros da gigante Google, para quem desenvolve em Flash:

• Tente usar Flash onde é realmente necessário. Muitos sites como o Youtube, utilizam a tecnologia Flash para a exibição de vídeos, mas o restante do website é baseado em HTML para a perfeita estruturação.
• sIFR: Muitos sites utilizam o Flash para forçar os browsers a apresentar textos em uma fonte que o usuário não possua. Técnicas como sIFR deixam browsers que não possuem suporte ao Flash, lerem o conteúdo normalmente ao invés de forçar a aparição do objeto.
• Criar versões sem Flash: Um modo comum de contornar o problema de indexação de sites em Flash é a criação de uma página inicial para a seleção do tipo do site(com ou sem flash).

Olá pessoal neste post nos vamos tratar de uma coisa muito importante, “Favicons” vamos saber “O que é” e “Como colocar no seu site o blog”.

Favicons (palavra derivada de favorite (favorito) e icon (ícone)) são pequenas imagens no formato *.ico com de cerca de 16×16 pixels que ficam guardados em um site para visualização pelo navegador.

Em alguns navegadores como Internet Explorer até a versão 6, só exibem os favicons quando um site é adicionado aos favoritos. Neste caso, apenas no menu correspondente aos favoritos pode-se encontrar a imagem. Em outros navegadores como Firefox, Opera e Internet Explorer 7(+), os favicons podem ser encontrados também nas abas e na barra de endereço.

Os favicons também tem teor de acessibilidade pois ajudam um usuário comum a identificar uma página quando ela está exibida em uma lista ou em uma barra de abas. Visando isto, muitos favicons são imagens simplificadas do logotipo da marca que representam.

Na ausência de um favicon, os navegadores exibem seu próprio ícone ou um ícone padrão como uma folha em branco.

Como transformar meu arquivo em .ico?

Nesses links abaixo são alguns sites que transformam suas imagens em extensão .ico para vocês.

http://www.favicon.cc/

http://www.html-kit.com/favicon/

http://tools.dynamicdrive.com/favicon/

http://www.favicon.co.uk/

E agora como colocar o favicon no meu Site ou Blog ?

Agora que já possui o favicon é necessário fazer o upload da imagem para a pasta principal  “pasta raiz” do seu site ou blog e colocar o código dentro da TAG “head” abaixo eu vou dar um exemplo como fazer.

<head>

<link rel=”shortcut icon” href=”http://www.meusite.com.com/favicon.ico”/>

</head>

Espero que vocês tenham gostado do post… até mais…

Com o lançamento do WordPress 2,7 paged comments tornou construído em um recurso. Por padrão, eles são ativados em ambas as novas instalações e atualizações. Onde ele pode ser bom para a usabilidade, pode não ser bom para SEO.

De uma perspectiva usabilidade, paged comments que são bons lugares para obter uma série de observações. Por padrão, o WordPress corta-las em 50 comentários por página. Os usuários, então não temos de esperar por mais de 100, ou até 1000, comenta a carregar. Sim, eu já vi lugares com mais de 1.000 comentários. O tempo que leva para uma página com muitas das observações a carga pode ser muito maior do que o utilizador está disposto a esperar. Quebra-los em páginas acelera página carga tempo e torna o site mais amigável.

De um SEO vista, paged comments podem dificultar a postagem. Com paginável comentários, cada página tem um URL separado e do próprio posto é duplicada entre cada página. Isto pode causar problemas conteúdo duplicado e visitantes do site poderão ser introduzidos na página 3 comentário de uma postagem. Idealmente, eles entram em todos os principais pós página.

Um blog proprietário poderia bloquear comentar páginas dos mecanismos de pesquisa, mas o conteúdo a ser criada pelos comentários na página dois + então não pode ser usado para ajudar a impulsionar o tráfego para o cargo. Os comentários são realmente uma ótima maneira de obter os usuários criem conteúdo adicional para um blog e não queremos que a solta.

Então, qual é a melhor solução? Minha recomendação seria configuração paged comments e colocar 100 comentários por página. Dessa forma, você precisará de um primeiro lote de comentários em uma postagem individual antes de comentar páginas começam a aparecer. Quando você tem mais de 100 comentários e, em seguida, o foco deveria ser mais sobre usabilidade, uma vez que é bastante óbvio que o lugar é muito popular. , Poderá haver ainda algumas implicações SEO, mas por esta altura, os usuários são mais importantes.

Se você ainda quiser ter paginado comentários, e estão preocupados que o SEO implicações são grandes para a ignorar e, em seguida, check-out Pressed Words’ SEO for Paged Comments plugin. Eu não tentei isso sozinho, mas ele alega que ponha pós cantadas em todas as páginas do comentário e apenas mostrar o post completo sobre os principais post URL. Esta parece ser uma solução lógica.

Há um monte de usabilidade vs SEO debates lá fora. Cada um deve ser tomada numa base caso-a-caso e a verdadeira solução é até o proprietário do site. No caso dos comentários paginado, colocando 100 comentários por página e, em seguida, criar paginável comentários, é a melhor solução, como usabilidade vitórias fora, neste cenário, em minha opinião.

Referência: Blogger Design

Duas linhas na horizontal e uma na vertica: é assim que a maioria dos internautas lê os textos na web, conforme a pesquisa de rastreamento ocular feita pelo Nielsen/Norman group em 2006 (isso mesmo, o bom e velho Jakob Nielsen). Realizado com 232 usuários que visitaram milhares de páginas, o estudo concluiu que o internauta médio movimenta os olhos pelos websites de forma muito mais rápida do que quando folheia um livro.

Ao entrar num site, os internautas primeiro fazem um movimento horizontal, normalmente na parte superior da área de conteúdo do site. Depois, os olhos fazem um segundo movimento na horizontal, abaixo do primeiro movimento. Por último, os olhos descem numa linha vertical, que, por vezes, pode ser mais lenta do que a “olhada” horizontal. Esse movimento foi apelidado de “F”, já que se parece com o desenho da letra. F de fast.

Como já discutimos lá no iMasters, agora você já sabe que ninguém vai ler o seu texto de ponta a ponta. Para fisgar os leitores use dois estratagemas: concentre as informações mais importantes nos dois primeiros parágrafos do texto. Comece os parágrafos e os subtítulos com palavras de impacto. Assim, quando ele estiver fazendo o escaneamento vertical pode se interessar pelo tópico e optar por ler todo o texto.

A cor vermelha do gráfico mostra as partes que foram lidas; a amarela são as olhadinhas; as azuis receberam pouca atenção e a cinza nenhuma.

Referência: Agência Pro