SEO com SVG em HTML5 + CSS3

28/6/2011 7:57:47 - Fábio Ferreira de Souza

Este mês (junho/2010) estou reformulando meu site, e aproveitando para testar várias coisas!
A primeira coisa que fiz foi escrever um texto em curvas com SVG do HTML5 com links para algumas paginas que ainda nem existem!
E alguns dias depois veja só que legal, na imagem abaixo!

HTML5-SVG-SEO

Ou seja, usando SVG, é possível desenhar, escrever e colocar links em tudo como em HTML.
As versões mais recente dos Browsers já suportam o SVG muito bem.
Também usando CSS3 no meu site oficial www.impactro.com.br é legal perceber os menus totalmente textos, com bordas e sombras, efeitos de letra, fundo em gradiente, etc!

image image

Mas o CSS3 ainda é uma boa briga no IE9, mas roda certinho nos outros Browsers.

Também clonei algum conteúdo do meu Blog Espiritual, e criei novos componentes no Produto Certo, e com isso agora é possível fazer Blogs no Produto Certo.
Vejam no meu Blog Espiritual Oficial (http://fabio-ferreira.blogspot.com/) e o que gerei pelo produto Certo usando Apenas CSS3 e uma imagem de fundo (http://www.impactro.net)

HTML4-CSS3-SEO-Blog

A ideia não é “clonar” exatamente, e sim melhorar, principalmente na estrutura HTML interna sempre focando em SEO!
Ainda quero mexer em mais detalhes para que o produto certo também tenha vários recursos dos blogs convencionais, mas por enquanto isso tudo é apenas um teste.
O legal aqui é notar o fundo transparente, as sombras e bordas arredondadas.

Quero terminar meus sites logo no inicio de Julho de forma bem estruturada, fornecendo assim mais recursos a todos clientes do Produto Certo.