WordPress, SEO, HTML5, Dados Estruturados & o Futuro da Web
★ ☺...Hey, vem aqui eveja este novo post Publicado em ☞ DenrroU: »
http://denrrou.com.br/wordpress-seo-html5-dados-estruturados-futuro-web/
Devido a sua própria natureza, a Web vai se tornando progressivamente, dia após dia, uma rede mais e mais saturada: Sempre com mais páginas, sites, blogs, novos conteúdos, autores e caminhando continuamente no sentido de um abarrotamento sem limites imagináveis.
O que isto significa é que, direta ou indiretamente, todos acabam no final das contas competindo entre si, e esta competição se tornando mais apertada em função do próprio tempo.
Assim, dentro de uma perspectiva SEO, apenas aparecer bem posicionado nos resultados de busca é cada vez menos suficiente: Adicionalmente a isto, é cada vez mais importante aparecer de forma mais evidente, destacada e semântica dentre os resultados de busca, de modo a aumentar as probabilidades de obter um pouco mais de atenção dentre tantos resultados que fatalmente qualquer usuário sempre irá encontrar ao proceder com uma busca.
A internet, forçosamente, precisa se tornar mais semântica e refinada com os seus resultados e este é realmente o futuro da web, pois que de outra maneira, em um futuro não tão distante, os motores de busca dificilmente serão capazes de satisfatória refinar os melhores resultados dentre uma sobrecarga sempre crescente de conteúdo disperso na teia da web…
E é por isto que desde já, especialmente o google, estão fortemente encorajando e contribuindo com a semantização da rede.
HTML5, Dados Estruturados & Rich Snippets
E para lidar com esta tal cenário, 2 importantes nomes, e que andam de mãos dadas, já se destacam e irão ainda mais no decorrer dos próximos vindouros anos:
O html 5 é a versão atual do famigerado html e será o padrão para o desenvolvimento WEB por um futuro indeterminado. Versões anteriores ainda são vigentes e naturalmente funcionam, mas há realmente benefícios indispensáveis no uso da versão mais atual.
Ela é um pouco complexa, porque “agora” não apenas cria a estrutura de marcação de páginas na web, mas também contextualiza tudo, “dando nome aos bois” e além da estrutura de marcação: Fornece “agora” os significados e relacionamentos aos diversos elementos de uma página.
A marcação semântica com dados estruturados é um tipo de dado que envolve “pedaços” de conteúdos e atribuem a eles extra-significados, fornecendo aos motores de busca detalhes que por si mesmos seriam incapazes de identificar.
Através da marcação semântica você é capaz de informar a um motor de busca que você está, especificamente, se referindo a:
etc… A lista vai embora, e vai longe….
Coisas que motores de buscas não são realmente capazes de identificar por si mesmos. Por si só um nome, tipo Aline, não diz muito a um motor de busca com relação ao que se refere. Para ele, este nome poderia ser qualquer coisa…
01/01/2014 pode ser um tipo de fração maluca, Janeiro poderia ser o nome de uma pessoa de pais de mal gosto, 21:10 poderia ser uma divisão -e em suas reais naturezas, motores de buscas por melhores que sejam não possuem a subjetividade necessária para interpretar estes dados e saber ao que se referem…
Até que você os marque com algum tipo de marcação semântica, e daí então, eles passam a ganhar um bem estabelecido e particular significado.
E com isto, motores de busca podem então fornecer informações mais refinadas com relação a uma página, extraindo seus dados estruturados e, eventualmente, os transmitindo em formas de resultados de buscas mais ricos e… bonitos, né…
Talvez, a forma mais simples de dado estruturado que possa ser implementada é aquele estabelecida através da especificação de autor com o perfil do google plus com o atributo rel=”author”. Isto permite ao google a possibilidade de atribuir a autoria de páginas demarcadas com tal elemento e demonstrar uma foto do autor ao lado dos resultados de busca.
Você provavelmente também já viu outros resultados de buscas envolvendo coisas como:
Disponibilidade de produto
Vídeos (para páginas da web que não se ressumem a meramente um vídeo)
Informações sobre músicas de um album
Mas não apenas isto, esta marcação estruturada tem um alto poder de SEO no ponto em que ela semantiza também a estrutura de um site, informando, especificamente que, por exemplo: -aquilo se trata de uma sidebar, aquela parte mais acima na página é o header, logo abaixo dele temos um menu de navegação, lá em baixo na página um footer, no meio da página temos o conteúdo principal, e, ele se trata de um blogging post cujo autor é fulano da silva e o escreveu em qualquer ponto específico no tempo e do espaço e uma infinidade de outros dados que podem tornar suas páginas muito mais ricas e detalhadas… E motores busca não podem advinhar estas coisas sobre o seu site, é necessário que você ensine isto a eles.
Tudo isto é obtido através do uso da marcação de dados estruturados. Este tipo de marcação é ALTAMENTE sugerida pelo google, e ele tem até mesmo uma seção dedicada a ela no google developers, assim como ferramentas de teste e de implementação para ela.
O que obviamente sugere que ele tem muitos bons olhos para este tipo de estruturação de páginas e estará muito provavelmente tendo este como um importante fator de de posicionamento no futuro.
Mas… Isto é tão Complicado e Confuso… =/
Mas felizmente, para aqueles que não apreciam tanto os aspectos tecnológicos de tudo isto, não é preciso estudar a fundo toda esta coisa e aprender a escrever páginas 100% dentro dos padrões atuais da web na unha…
Saber quais são as melhores opções e onde elas estão já é um grande auxílio no sentido de poder desfrutar destes últimos e mais refinados padrões. Existem ferramentas e soluções que absolutamente eliminam totalmente a necessidade de compreender as 3.441.432.874.234.897.098.309 páginas contendo as especificações para se criar páginas nos padrões semânticos.
Então se você não ama de coração toda esta coisa de codificação, linguagens e etc… não se preocupe, porque aqui no futuro ninguém, necessariamente, precisa delas.
Este é o primeiro post a respeito, e não vou entrar em nenhum detalhe técnico a respeito de como se implementar isto manualmente. No próximo irei delinear um pouco do processo de como escrever manualmente esta marcação sobre importantes partes do código de diversos tipos de páginas diferentes.
Se você deseja se beneficiar destes dois relativamente novos mundos, do html5 e da marcação estruturada, mas não quer precisar de se preocupar em aprender toda esta coisa chata e ter de ter o trabalho monumental de implementar todas as melhores práticas de maneira manual (o que não seria prático nem mesmo para quem possui os necessários conhecimentos técnicos), eis aqui uma soluções que toma conta de ambas estas coisas para você de uma maneira artisticamente LINDA:
Eu sou completamente fã… o exato blog no qual lê agora mesmo este post é sustentado sobre este framework; e os melhores blogs, nacionais e internacionais, também estão estruturados sobre ele. E o meu está longe de ser ou estar entre os melhores, mas ainda assim nada o impede de utilizar a melhor plataforma de temas que se sobrepõe a melhor plataforma de blogs.
Eu explico um pouco melhor:
Melhor CMS p/ Blogs = WordPress
Melhor Framework de temas para WP = Genesis
O genesis FW é o cara do meio entre o wordpress e o seu tema.
Em uma analogia onde seu site ou blog em wordpress é um carro:
o wordpress é o motor e o maquinário
o genesis framework é a lataria
O Worpress fornece todas as funcionalidades de gerenciamento de conteúdo que você provavelmente já conhece, mas ele por si só não garante que o seu tema será bem codificado, que seu tema não irá dar um output de código inválido, que a otimização SEO de um tema seja pobre, e basicamente não confere nada além da funcionalidade.
E verdade seja dita: Temas bonitos são comuns, mas temas BONS são raros; idealmente você deseja que o seu seja ambos e o genesis faz exatamente isto.
Sobre ele, seu tema é o que se chama de Child Theme, o que significa que toda a estilização e design (a pintura) de seu tema se dá sobre um realmente sólido e estruturado quadro (a lataria), e por mais versátil e maluco que seja o estilo do seu design, a codificação de suas páginas é garantida:
estruturalmente demarcada com Microdata schema.org (sugerida pelo google)
dentro da melhores práticas de desenvolvimento p/ web
seguindo as melhores especificações para bom SEO
livre de erros arcaicos de validação
compatível com a linguagem atual da web e 100% integrável com modernas tecnologias
Uma solução como esta é realmente mais do que uma mão na roda e a única razão pela qual eu consideraria que mais blogs não estejam utilizando ela é a de que não a conheçam, porque não existe realmente nada melhor em temos de WordPress ou o que justificaria utilizar algum outro tema puro sobre ele.
O StudioPress possuí uma livraria enorme de bastante impressivos child themes para o Genesis, mas mesmo se você já possuí um tema ao qual não pretende se livrar, é possível o criar exatamente como um child theme sobre o genesis e ter o que há de melhor da junção WordPress + SEO + Performance + Praticidade + Futuro da Web.
A única coisa que chega perto do genesis é o thesis, a briga é boa mas o primeiro é sem sombra de dúvida superior e um pouco copiado pelo segundo, e assim não fosse e não o estaria utilizando e recomendando.
Sobre tudo dito, apesar de não haver o que inteligentemente justifique querer fazer isto em uma base constante ao invés de usar uma solução completa e pronta, irei em um próximo post colocar algumas ideias sobre como escrever páginas estruturadas e como testar a validade desta estruturação e algumas coisas a mais bem legais.
Ninguém em sanidade mental normal vai querer ficar escrevendo estas páginas quando se tem a beleza que mora na praticidade e facilidade da inteiração do wordpress na criação de sites e blogs que em termos de qualidade e profissionalismo não devem absolutamente nada para os sites mais bem desenvolvidos, mas é sempre bom saber algumas coisas e sempre haverão situações nas quais será, vez ou outra, necessário implementar algo manualmente.
Este post pertence ao site: http://denrrou.com.br/wordpress-seo-html5-dados-estruturados-futuro-web/ e foi escrito por:Denrrou