SlideShare uma empresa Scribd logo
1 de 33
Baixar para ler offline
@GugaAlves

• Analista de Sistemas

• Pós Graduado em Gestão Estratégica de
  Marketing Digital

• Professor de SEO do Instituto Infnet

• Coordenador de Comunicação – ABRADI-RJ

• Criador do TudoParaWordPress

• Vencedor do 1 #DesafioSEO da MestreSeo
The Web has not seen this level of
   transformation, this level of
acceleration, in the past ten years.
   We're betting big on HTML5




      Vic Gundotra
      VP of Engineering, Google
The world is moving to HTML5.




    Steve Jobs
    Apple
If you want to do something universal, there is no
    question, the world is going HTML5. That is
clear...The world is just pushing down this HTML5
                path and so are we.




          Steve Ballmer
          CEO Microsoft
In general, we work hard to understand
          as much of the web as possible, but I have a feeling that
     HTML5 markup is not yet as widely in use (and in use correctly)
  that it would make sense for us to use it as a means of understanding
content better. As HTML5 gains in popularity and as we recognize specific
 markup elements that provide value to our indexing system, this is likely
 to change, but at the moment I would not assume that you would have
          an advantage by using HTML5 instead of older variants.




              John Mueller
              Webmasters Trends Analyst, Google
Atualmente, usamos
elementos <div> para
organizar e segmento
de uma página web.
Não temos uma
organização
semântica que
mostre com exatidão
qual bloco de
conteúdo é referente
a exatamente qual
seção do site.
Uma vez o HTML5
sendo mais
amplamente adotado,
mecanismos de busca
podem usar esses
novos elementos para
os ajudar a encontrar
elementos da página
de seu interesse.
Microdata e HTML5
Microdados são um subconjunto de
informacões em um documento que tem um
 significado para as maquinas, robôs, assim
 como tem um significado para uma pessoa
     lendo o documento. Isto é, fornecer
metadados de uma forma que pode ser usada
  por uma maquina e permitir que os dados
sejam processados e exibidos de uma forma
        que atenda melhor o usuário.
Exemplo prático:




http://www.tudoparawordpress.com.br/seo-wordpress/impacto-html-5-seo/
Breadcrumbs
<p id="crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <span itemprop="title">
          <a itemprop="url" href="http://www.tudoparawordpress.com.br" rel="nofollow">
                    <span itemprop="title">Inicial</span></a>
    </span> »
    <span itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
          <a itemprop="url" href="http://www.tudoparawordpress.com.br/seo-wordpress/">
                    <span itemprop="title">SEO</span>
          </a>
    </span> »
    <span itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
          <strong class="current" itemprop="title">Qual impacto o HTML 5 pode ter em
    SEO?</strong>
    </span>
</p>
Marcação de Autor
<aside itemscope itemtype="http://schema.org/Person">
   <img alt="Guga Alves" src="guga-alves.jpg" class="avatar avatar-75 photo" height="75" width="75">
      <div>
         <span class="vcard author">
           <span class="fn">
               <a itemprop="name" href="#">Guga Alves</a>
            </span>
            </span>
            <ul>
               <li><a href="#" class="tw">Twitter</a></li>
               <li><a href="#" class="fb">Facebook</a></li>
               <li><a href="#" class="in">Linkedin</a></li>
               <li><a href="#" rel="author" class="rss">Google+</a></li>
               <li><a href="mailto:#" class="mail" itemprop="email">Email</a></li>
            </ul>
            <p>Descrição do autor</p>
     </div>
</aside>
Ferramenta de teste de dados estruturados




                         Breadcrumbs




       Perfil do Autor no Google+

   http://www.google.com/webmasters/tools/richsnippets?hl=pt-BR
Como é interpretado pelo Googlebot?
Exemplo 2: Rating
<div class="vote">
    <p class="rating num-votes">Taxa de aprovação
         <span><span class="average">3.9</span>/5</span>
         Avaliações <span class="votes">31</span>
   </p>
   <p id="star">
         <span>Avalie:</span>
         <a class="full" href="#"></a>
         <a class="full" href="#"></a>
         <a class="full" href="#"></a>
         <a href="#"></a>
         <a href="#"></a>
   </p>
</div>
Como é interpretado pelo Googlebot?




     Como é exibido para o usuário?
Mais informações no GWT




https://www.google.com/webmasters/tools/structured-data
https://developers.google.com/speed/
http://www.youtube.com/watch?v=6EJ801el-I8

http://www.slideshare.net/souders/high-performance-html5-sf-html5-ug
E lembre-se dos dispositivos portáteis!
Resumindo:
• Diversas melhorias na usabilidade e experiência do
  usuário.
• Novas tags que ajudam a classificar o conteúdo de
  forma semântica.
• Ótimas melhorias para manipulação de mídias (áudio e
  vídeo).
• Precisa comparar com Flash e Silverlight? EPIC WIN!
• SEO-friendly se pensarmos rastreamento e indexação
  de site.
• Uso crescente em aplicativos móveis e jogos.
HTML5 + CSS3 + Javascript
           =
      Semântica
           +
    Interatividade
           +
   Encontrabilidade
Referências
• html5rocks.com
• html5doctor.com
• google.com/webmasters/tools/richsnippets?hl=pt-BR
• tableless.com.br/introducao-a-microdata-no-html5/
• marcofolio.net/webdesign/html5_microdata_what_is_it_and_why_shoul
  d_you_care_.html
• net.tutsplus.com/tutorials/html-css-techniques/html5-microdata-
  welcome-to-the-machine/
• http://support.google.com/webmasters/bin/answer.py?hl=pt-
  BR&answer=99170&topic=21997&ctx=topic
• http://searchengineland.com/seo-best-practices-for-html5-truths-half-
  truths-outright-lies-99406
twiter.com/GugaAlves
twitter.com/TudoParaWP

http://br.linkedin.com/in/gugaalves/pt
http://www.slideshare.net/gugaalves




                     TudoParaWordPress.com.br

Mais conteúdo relacionado

Mais procurados

10 dicas de SEO para Wordpress
10 dicas de SEO para Wordpress10 dicas de SEO para Wordpress
10 dicas de SEO para WordpressRodrigo Simoni
 
10 Dicas de SEO para Bombar o seu Blog
10 Dicas de SEO para Bombar o seu Blog10 Dicas de SEO para Bombar o seu Blog
10 Dicas de SEO para Bombar o seu BlogFabio Ricotta
 
Wordpress SEO - Plugins, conteúdo, engajamento e análise
Wordpress SEO - Plugins, conteúdo, engajamento e análiseWordpress SEO - Plugins, conteúdo, engajamento e análise
Wordpress SEO - Plugins, conteúdo, engajamento e análiseFabio Ricotta
 
SEO para Blogs - Ganhando Milhares de Visitas
SEO para Blogs - Ganhando Milhares de VisitasSEO para Blogs - Ganhando Milhares de Visitas
SEO para Blogs - Ganhando Milhares de VisitasFabio Ricotta
 
Link building de A a Z: da formação da equipe a mensuração (Olhó SEO)
Link building de A a Z: da formação da equipe a mensuração (Olhó SEO)Link building de A a Z: da formação da equipe a mensuração (Olhó SEO)
Link building de A a Z: da formação da equipe a mensuração (Olhó SEO)Enlink
 
SEO (Otimização de Sites) Básico - Introdução
SEO (Otimização de Sites) Básico - IntroduçãoSEO (Otimização de Sites) Básico - Introdução
SEO (Otimização de Sites) Básico - IntroduçãoMauricio Shinmi
 
SMX São Paulo 2009 Kavinski Black Hat - O que não fazer
SMX São Paulo 2009 Kavinski Black Hat - O que não fazerSMX São Paulo 2009 Kavinski Black Hat - O que não fazer
SMX São Paulo 2009 Kavinski Black Hat - O que não fazerAlexandre Kavinski
 
Seja Amigo Dos Spiders De Busca
Seja Amigo Dos Spiders De BuscaSeja Amigo Dos Spiders De Busca
Seja Amigo Dos Spiders De BuscaGuga Alves
 
Palestra SEO - Otimização de Sites (Olhares Múltiplos)
Palestra SEO - Otimização de Sites (Olhares Múltiplos)Palestra SEO - Otimização de Sites (Olhares Múltiplos)
Palestra SEO - Otimização de Sites (Olhares Múltiplos)Aline Couto (alineideias)
 
WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010Guga Alves
 
Mídias Sociais e Estratégias
Mídias Sociais e EstratégiasMídias Sociais e Estratégias
Mídias Sociais e EstratégiasCínthia Demaria
 
5 coisas essenciais para fazer negócios com o seu blog
5 coisas essenciais para fazer negócios com o seu blog5 coisas essenciais para fazer negócios com o seu blog
5 coisas essenciais para fazer negócios com o seu blog42 Marketing Digital
 
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...Guga Alves
 
SEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de SitesSEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de SitesEveraldo Wanderlei Uavniczak
 

Mais procurados (20)

10 dicas de SEO para Wordpress
10 dicas de SEO para Wordpress10 dicas de SEO para Wordpress
10 dicas de SEO para Wordpress
 
10 Dicas de SEO para Bombar o seu Blog
10 Dicas de SEO para Bombar o seu Blog10 Dicas de SEO para Bombar o seu Blog
10 Dicas de SEO para Bombar o seu Blog
 
SEO para WordPress
SEO para WordPressSEO para WordPress
SEO para WordPress
 
Wordpress SEO - Plugins, conteúdo, engajamento e análise
Wordpress SEO - Plugins, conteúdo, engajamento e análiseWordpress SEO - Plugins, conteúdo, engajamento e análise
Wordpress SEO - Plugins, conteúdo, engajamento e análise
 
SEO para Blogs - Ganhando Milhares de Visitas
SEO para Blogs - Ganhando Milhares de VisitasSEO para Blogs - Ganhando Milhares de Visitas
SEO para Blogs - Ganhando Milhares de Visitas
 
Link building de A a Z: da formação da equipe a mensuração (Olhó SEO)
Link building de A a Z: da formação da equipe a mensuração (Olhó SEO)Link building de A a Z: da formação da equipe a mensuração (Olhó SEO)
Link building de A a Z: da formação da equipe a mensuração (Olhó SEO)
 
Web2
Web2Web2
Web2
 
SEO (Otimização de Sites) Básico - Introdução
SEO (Otimização de Sites) Básico - IntroduçãoSEO (Otimização de Sites) Básico - Introdução
SEO (Otimização de Sites) Básico - Introdução
 
SMX São Paulo 2009 Kavinski Black Hat - O que não fazer
SMX São Paulo 2009 Kavinski Black Hat - O que não fazerSMX São Paulo 2009 Kavinski Black Hat - O que não fazer
SMX São Paulo 2009 Kavinski Black Hat - O que não fazer
 
Seja Amigo Dos Spiders De Busca
Seja Amigo Dos Spiders De BuscaSeja Amigo Dos Spiders De Busca
Seja Amigo Dos Spiders De Busca
 
Palestra SEO - Otimização de Sites (Olhares Múltiplos)
Palestra SEO - Otimização de Sites (Olhares Múltiplos)Palestra SEO - Otimização de Sites (Olhares Múltiplos)
Palestra SEO - Otimização de Sites (Olhares Múltiplos)
 
WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010
 
Server side seo
Server side seoServer side seo
Server side seo
 
Palestra de seo
Palestra de seoPalestra de seo
Palestra de seo
 
Mídias Sociais e Estratégias
Mídias Sociais e EstratégiasMídias Sociais e Estratégias
Mídias Sociais e Estratégias
 
Isso não é SEU!
Isso não é SEU!Isso não é SEU!
Isso não é SEU!
 
5 coisas essenciais para fazer negócios com o seu blog
5 coisas essenciais para fazer negócios com o seu blog5 coisas essenciais para fazer negócios com o seu blog
5 coisas essenciais para fazer negócios com o seu blog
 
8 Fatores que influenciam o SEO
8 Fatores que influenciam o SEO8 Fatores que influenciam o SEO
8 Fatores que influenciam o SEO
 
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...
 
SEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de SitesSEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de Sites
 

Destaque

Kishurim IESF International conference, March 2012
Kishurim IESF International conference, March 2012Kishurim IESF International conference, March 2012
Kishurim IESF International conference, March 2012KishurimHR
 
Why Uberflip
Why UberflipWhy Uberflip
Why UberflipUberflip
 
Éxito en una era de Darwinismo Digital
Éxito en una era de Darwinismo DigitalÉxito en una era de Darwinismo Digital
Éxito en una era de Darwinismo DigitalMaïté Gz
 
Let Me Tell You a Story: Finding the Narrative in Your Content Marketing
Let Me Tell You a Story: Finding the Narrative in Your Content MarketingLet Me Tell You a Story: Finding the Narrative in Your Content Marketing
Let Me Tell You a Story: Finding the Narrative in Your Content MarketingJonathan Crossfield
 
DIY Social Media Monitoring
DIY Social Media MonitoringDIY Social Media Monitoring
DIY Social Media MonitoringAndrew Hanelly
 
What can possibly get from the 11.11 - 2014ThoughtWorks Live China
What can possibly get from the 11.11 - 2014ThoughtWorks Live ChinaWhat can possibly get from the 11.11 - 2014ThoughtWorks Live China
What can possibly get from the 11.11 - 2014ThoughtWorks Live ChinaThoughtworks
 
OFA 2015 - Online Resources to Improve Your Marketing & Your Life
OFA 2015 - Online Resources to Improve Your Marketing & Your LifeOFA 2015 - Online Resources to Improve Your Marketing & Your Life
OFA 2015 - Online Resources to Improve Your Marketing & Your LifeSaffire
 
3.3 Proyecto eTwinning Alfonso Mezquita 23042016
3.3 Proyecto eTwinning Alfonso Mezquita 230420163.3 Proyecto eTwinning Alfonso Mezquita 23042016
3.3 Proyecto eTwinning Alfonso Mezquita 23042016Alfonso Mezquita
 
Как_поживаешь
Как_поживаешь Как_поживаешь
Как_поживаешь Quickoffice Test
 
Берлов Алексей
Берлов АлексейБерлов Алексей
Берлов Алексейeventum
 
eDMs & eInvites • Part 2
eDMs & eInvites • Part 2eDMs & eInvites • Part 2
eDMs & eInvites • Part 2Toolbox Design
 
रघुराम राजन यांचे एक्झिट
रघुराम राजन यांचे एक्झिटरघुराम राजन यांचे एक्झिट
रघुराम राजन यांचे एक्झिटBISBO
 
Presentation for asbestos management system - ASK
Presentation for asbestos management system - ASKPresentation for asbestos management system - ASK
Presentation for asbestos management system - ASKAMSLtd
 
Social Media & Museum Collections
Social Media & Museum CollectionsSocial Media & Museum Collections
Social Media & Museum CollectionsJoseph Casciano
 
Marc Sleen had geen hoge pet op van prins Filip
Marc Sleen had geen hoge pet op van prins FilipMarc Sleen had geen hoge pet op van prins Filip
Marc Sleen had geen hoge pet op van prins FilipThierry Debels
 
GSP West Monday Intros
GSP West Monday IntrosGSP West Monday Intros
GSP West Monday IntrosDave McClure
 

Destaque (19)

Kishurim IESF International conference, March 2012
Kishurim IESF International conference, March 2012Kishurim IESF International conference, March 2012
Kishurim IESF International conference, March 2012
 
PRCI.Storytellers at Cannes Lions 2016. Внутренняя кухня.
PRCI.Storytellers at Cannes Lions 2016. Внутренняя кухня.PRCI.Storytellers at Cannes Lions 2016. Внутренняя кухня.
PRCI.Storytellers at Cannes Lions 2016. Внутренняя кухня.
 
Why Uberflip
Why UberflipWhy Uberflip
Why Uberflip
 
Éxito en una era de Darwinismo Digital
Éxito en una era de Darwinismo DigitalÉxito en una era de Darwinismo Digital
Éxito en una era de Darwinismo Digital
 
rakesh resume_10.03.2016
rakesh resume_10.03.2016rakesh resume_10.03.2016
rakesh resume_10.03.2016
 
Let Me Tell You a Story: Finding the Narrative in Your Content Marketing
Let Me Tell You a Story: Finding the Narrative in Your Content MarketingLet Me Tell You a Story: Finding the Narrative in Your Content Marketing
Let Me Tell You a Story: Finding the Narrative in Your Content Marketing
 
DIY Social Media Monitoring
DIY Social Media MonitoringDIY Social Media Monitoring
DIY Social Media Monitoring
 
What can possibly get from the 11.11 - 2014ThoughtWorks Live China
What can possibly get from the 11.11 - 2014ThoughtWorks Live ChinaWhat can possibly get from the 11.11 - 2014ThoughtWorks Live China
What can possibly get from the 11.11 - 2014ThoughtWorks Live China
 
OFA 2015 - Online Resources to Improve Your Marketing & Your Life
OFA 2015 - Online Resources to Improve Your Marketing & Your LifeOFA 2015 - Online Resources to Improve Your Marketing & Your Life
OFA 2015 - Online Resources to Improve Your Marketing & Your Life
 
3.3 Proyecto eTwinning Alfonso Mezquita 23042016
3.3 Proyecto eTwinning Alfonso Mezquita 230420163.3 Proyecto eTwinning Alfonso Mezquita 23042016
3.3 Proyecto eTwinning Alfonso Mezquita 23042016
 
Как_поживаешь
Как_поживаешь Как_поживаешь
Как_поживаешь
 
M2l8
M2l8M2l8
M2l8
 
Берлов Алексей
Берлов АлексейБерлов Алексей
Берлов Алексей
 
eDMs & eInvites • Part 2
eDMs & eInvites • Part 2eDMs & eInvites • Part 2
eDMs & eInvites • Part 2
 
रघुराम राजन यांचे एक्झिट
रघुराम राजन यांचे एक्झिटरघुराम राजन यांचे एक्झिट
रघुराम राजन यांचे एक्झिट
 
Presentation for asbestos management system - ASK
Presentation for asbestos management system - ASKPresentation for asbestos management system - ASK
Presentation for asbestos management system - ASK
 
Social Media & Museum Collections
Social Media & Museum CollectionsSocial Media & Museum Collections
Social Media & Museum Collections
 
Marc Sleen had geen hoge pet op van prins Filip
Marc Sleen had geen hoge pet op van prins FilipMarc Sleen had geen hoge pet op van prins Filip
Marc Sleen had geen hoge pet op van prins Filip
 
GSP West Monday Intros
GSP West Monday IntrosGSP West Monday Intros
GSP West Monday Intros
 

Semelhante a Seo e HTML5

Growth Hacking: Como o SEO se encaixa nessa história?
Growth Hacking: Como o SEO se encaixa nessa história?Growth Hacking: Como o SEO se encaixa nessa história?
Growth Hacking: Como o SEO se encaixa nessa história?Felipe Bazon
 
SEO - SEARCH ENGINE OPTIMIZATION
SEO - SEARCH ENGINE OPTIMIZATIONSEO - SEARCH ENGINE OPTIMIZATION
SEO - SEARCH ENGINE OPTIMIZATIONJorge Brandão
 
SEO | DZ Estúdio
SEO | DZ EstúdioSEO | DZ Estúdio
SEO | DZ EstúdioDZ Estúdio
 
Google analytics-para-search-e-social-campus-party
Google analytics-para-search-e-social-campus-partyGoogle analytics-para-search-e-social-campus-party
Google analytics-para-search-e-social-campus-partyfrankmarcel
 
CHECKLIST DE SEO ONPAGE - Mario Melo
CHECKLIST DE SEO ONPAGE - Mario MeloCHECKLIST DE SEO ONPAGE - Mario Melo
CHECKLIST DE SEO ONPAGE - Mario MeloMario Melo
 
O que todos os developers devem saber sobre seo
O que todos os developers devem saber sobre seoO que todos os developers devem saber sobre seo
O que todos os developers devem saber sobre seointrofini
 
Palestra O Pulo do Gato - SEO
Palestra O Pulo do Gato - SEOPalestra O Pulo do Gato - SEO
Palestra O Pulo do Gato - SEOLeandra Soares
 
IBM TechDay - SEO para Desenvolvedores Web e Web desginers
IBM TechDay - SEO para Desenvolvedores Web e Web desginersIBM TechDay - SEO para Desenvolvedores Web e Web desginers
IBM TechDay - SEO para Desenvolvedores Web e Web desginersFabio Ricotta
 
Marketing de Busca + Conteúdos - Aula 2
Marketing de Busca + Conteúdos - Aula 2Marketing de Busca + Conteúdos - Aula 2
Marketing de Busca + Conteúdos - Aula 2Frederico Marinho
 
Seo para WordPress - WordCamp SP 2013
Seo para WordPress - WordCamp SP 2013Seo para WordPress - WordCamp SP 2013
Seo para WordPress - WordCamp SP 2013Guga Alves
 
SEO - Fatores Onpage - FrontinBH
SEO - Fatores Onpage - FrontinBHSEO - Fatores Onpage - FrontinBH
SEO - Fatores Onpage - FrontinBHAlberto André
 
Resumo do Evento de SEO Search Master 2012
Resumo do Evento de SEO Search Master 2012Resumo do Evento de SEO Search Master 2012
Resumo do Evento de SEO Search Master 2012Daniel Marcos
 
Marketing de Conteúdo + SEO
Marketing de Conteúdo + SEOMarketing de Conteúdo + SEO
Marketing de Conteúdo + SEOFrederico Marinho
 
SEO para Alavancar Negócios
SEO para Alavancar NegóciosSEO para Alavancar Negócios
SEO para Alavancar NegóciosFabio Ricotta
 
Evento de SEO Search Master 2012
 Evento de SEO Search Master 2012 Evento de SEO Search Master 2012
Evento de SEO Search Master 2012Daniel Marcos
 
CHECKLIST SEO CONTEÚDO - Mario Melo
CHECKLIST SEO CONTEÚDO - Mario MeloCHECKLIST SEO CONTEÚDO - Mario Melo
CHECKLIST SEO CONTEÚDO - Mario MeloMario Melo
 
Web Analytics e o Google Analytics - uma visão geral (Português - Brasil)
Web Analytics e o Google Analytics - uma visão geral (Português - Brasil)Web Analytics e o Google Analytics - uma visão geral (Português - Brasil)
Web Analytics e o Google Analytics - uma visão geral (Português - Brasil)Rodrigo Rubio
 
Ingresa al Digital 2008 - SEO - Peru
Ingresa al Digital 2008 - SEO - PeruIngresa al Digital 2008 - SEO - Peru
Ingresa al Digital 2008 - SEO - PeruWillie Taminato
 
Buscadores, SEO, Midias Sociais
Buscadores, SEO, Midias SociaisBuscadores, SEO, Midias Sociais
Buscadores, SEO, Midias SociaisGabriel Andrade
 

Semelhante a Seo e HTML5 (20)

Growth Hacking: Como o SEO se encaixa nessa história?
Growth Hacking: Como o SEO se encaixa nessa história?Growth Hacking: Como o SEO se encaixa nessa história?
Growth Hacking: Como o SEO se encaixa nessa história?
 
SEO - SEARCH ENGINE OPTIMIZATION
SEO - SEARCH ENGINE OPTIMIZATIONSEO - SEARCH ENGINE OPTIMIZATION
SEO - SEARCH ENGINE OPTIMIZATION
 
SEO | DZ Estúdio
SEO | DZ EstúdioSEO | DZ Estúdio
SEO | DZ Estúdio
 
Google analytics-para-search-e-social-campus-party
Google analytics-para-search-e-social-campus-partyGoogle analytics-para-search-e-social-campus-party
Google analytics-para-search-e-social-campus-party
 
CHECKLIST DE SEO ONPAGE - Mario Melo
CHECKLIST DE SEO ONPAGE - Mario MeloCHECKLIST DE SEO ONPAGE - Mario Melo
CHECKLIST DE SEO ONPAGE - Mario Melo
 
O que todos os developers devem saber sobre seo
O que todos os developers devem saber sobre seoO que todos os developers devem saber sobre seo
O que todos os developers devem saber sobre seo
 
Palestra O Pulo do Gato - SEO
Palestra O Pulo do Gato - SEOPalestra O Pulo do Gato - SEO
Palestra O Pulo do Gato - SEO
 
IBM TechDay - SEO para Desenvolvedores Web e Web desginers
IBM TechDay - SEO para Desenvolvedores Web e Web desginersIBM TechDay - SEO para Desenvolvedores Web e Web desginers
IBM TechDay - SEO para Desenvolvedores Web e Web desginers
 
Marketing de Busca + Conteúdos - Aula 2
Marketing de Busca + Conteúdos - Aula 2Marketing de Busca + Conteúdos - Aula 2
Marketing de Busca + Conteúdos - Aula 2
 
Seo para WordPress - WordCamp SP 2013
Seo para WordPress - WordCamp SP 2013Seo para WordPress - WordCamp SP 2013
Seo para WordPress - WordCamp SP 2013
 
SEO - Fatores Onpage - FrontinBH
SEO - Fatores Onpage - FrontinBHSEO - Fatores Onpage - FrontinBH
SEO - Fatores Onpage - FrontinBH
 
Resumo do Evento de SEO Search Master 2012
Resumo do Evento de SEO Search Master 2012Resumo do Evento de SEO Search Master 2012
Resumo do Evento de SEO Search Master 2012
 
Marketing de Conteúdo + SEO
Marketing de Conteúdo + SEOMarketing de Conteúdo + SEO
Marketing de Conteúdo + SEO
 
SEO para Alavancar Negócios
SEO para Alavancar NegóciosSEO para Alavancar Negócios
SEO para Alavancar Negócios
 
SEO Na Prática
SEO Na PráticaSEO Na Prática
SEO Na Prática
 
Evento de SEO Search Master 2012
 Evento de SEO Search Master 2012 Evento de SEO Search Master 2012
Evento de SEO Search Master 2012
 
CHECKLIST SEO CONTEÚDO - Mario Melo
CHECKLIST SEO CONTEÚDO - Mario MeloCHECKLIST SEO CONTEÚDO - Mario Melo
CHECKLIST SEO CONTEÚDO - Mario Melo
 
Web Analytics e o Google Analytics - uma visão geral (Português - Brasil)
Web Analytics e o Google Analytics - uma visão geral (Português - Brasil)Web Analytics e o Google Analytics - uma visão geral (Português - Brasil)
Web Analytics e o Google Analytics - uma visão geral (Português - Brasil)
 
Ingresa al Digital 2008 - SEO - Peru
Ingresa al Digital 2008 - SEO - PeruIngresa al Digital 2008 - SEO - Peru
Ingresa al Digital 2008 - SEO - Peru
 
Buscadores, SEO, Midias Sociais
Buscadores, SEO, Midias SociaisBuscadores, SEO, Midias Sociais
Buscadores, SEO, Midias Sociais
 

Mais de Guga Alves

Customer Success + SEO = Produtos Melhores (parte técnica com o Screaming Frog)
Customer Success + SEO = Produtos Melhores (parte técnica com o Screaming Frog)Customer Success + SEO = Produtos Melhores (parte técnica com o Screaming Frog)
Customer Success + SEO = Produtos Melhores (parte técnica com o Screaming Frog)Guga Alves
 
Trabalho remoto: Mindset e ferramentas
Trabalho remoto: Mindset e ferramentasTrabalho remoto: Mindset e ferramentas
Trabalho remoto: Mindset e ferramentasGuga Alves
 
Gutenberg: O que esperar das próximas fases
Gutenberg: O que esperar das próximas fasesGutenberg: O que esperar das próximas fases
Gutenberg: O que esperar das próximas fasesGuga Alves
 
Como colaborar com a comunidade WordPress (e crescer com isso)
Como colaborar com a comunidade WordPress (e crescer com isso)Como colaborar com a comunidade WordPress (e crescer com isso)
Como colaborar com a comunidade WordPress (e crescer com isso)Guga Alves
 
WordPress no jornalismo
WordPress no jornalismoWordPress no jornalismo
WordPress no jornalismoGuga Alves
 
Home office: mindset e ferramentas
Home office: mindset e ferramentasHome office: mindset e ferramentas
Home office: mindset e ferramentasGuga Alves
 
Diferenças entre WordPress.com e WordPress.org
Diferenças entre WordPress.com e WordPress.orgDiferenças entre WordPress.com e WordPress.org
Diferenças entre WordPress.com e WordPress.orgGuga Alves
 
Como colaborar com a comunidade WordPress
Como colaborar com a comunidade WordPressComo colaborar com a comunidade WordPress
Como colaborar com a comunidade WordPressGuga Alves
 
SEO - Planejamento, execução e análise
SEO - Planejamento, execução e análiseSEO - Planejamento, execução e análise
SEO - Planejamento, execução e análiseGuga Alves
 
Campos personalizados Like a Pro - WordCamp São Paulo 2014
Campos personalizados Like a Pro - WordCamp São Paulo 2014Campos personalizados Like a Pro - WordCamp São Paulo 2014
Campos personalizados Like a Pro - WordCamp São Paulo 2014Guga Alves
 
Hierarquia de templates WordPress
Hierarquia de templates WordPressHierarquia de templates WordPress
Hierarquia de templates WordPressGuga Alves
 
WordPress em sua estratégia de marketing
WordPress em sua estratégia de marketingWordPress em sua estratégia de marketing
WordPress em sua estratégia de marketingGuga Alves
 
Por que usar o WordPress - Conceitos e Aplicações
Por que usar o WordPress - Conceitos e AplicaçõesPor que usar o WordPress - Conceitos e Aplicações
Por que usar o WordPress - Conceitos e AplicaçõesGuga Alves
 
O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...
O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...
O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...Guga Alves
 
Seo para WordPress
Seo para WordPressSeo para WordPress
Seo para WordPressGuga Alves
 
Otimizacao Front-End para WordPress - OlhoSEO 2013
Otimizacao Front-End para WordPress - OlhoSEO 2013Otimizacao Front-End para WordPress - OlhoSEO 2013
Otimizacao Front-End para WordPress - OlhoSEO 2013Guga Alves
 
Ebook Google Varejo
Ebook Google VarejoEbook Google Varejo
Ebook Google VarejoGuga Alves
 
Varejo digital na era Google
Varejo digital na era GoogleVarejo digital na era Google
Varejo digital na era GoogleGuga Alves
 
Seo para Startups
Seo para StartupsSeo para Startups
Seo para StartupsGuga Alves
 
Seo para WordPress - II WP Meetup RJ
Seo para WordPress - II WP Meetup RJSeo para WordPress - II WP Meetup RJ
Seo para WordPress - II WP Meetup RJGuga Alves
 

Mais de Guga Alves (20)

Customer Success + SEO = Produtos Melhores (parte técnica com o Screaming Frog)
Customer Success + SEO = Produtos Melhores (parte técnica com o Screaming Frog)Customer Success + SEO = Produtos Melhores (parte técnica com o Screaming Frog)
Customer Success + SEO = Produtos Melhores (parte técnica com o Screaming Frog)
 
Trabalho remoto: Mindset e ferramentas
Trabalho remoto: Mindset e ferramentasTrabalho remoto: Mindset e ferramentas
Trabalho remoto: Mindset e ferramentas
 
Gutenberg: O que esperar das próximas fases
Gutenberg: O que esperar das próximas fasesGutenberg: O que esperar das próximas fases
Gutenberg: O que esperar das próximas fases
 
Como colaborar com a comunidade WordPress (e crescer com isso)
Como colaborar com a comunidade WordPress (e crescer com isso)Como colaborar com a comunidade WordPress (e crescer com isso)
Como colaborar com a comunidade WordPress (e crescer com isso)
 
WordPress no jornalismo
WordPress no jornalismoWordPress no jornalismo
WordPress no jornalismo
 
Home office: mindset e ferramentas
Home office: mindset e ferramentasHome office: mindset e ferramentas
Home office: mindset e ferramentas
 
Diferenças entre WordPress.com e WordPress.org
Diferenças entre WordPress.com e WordPress.orgDiferenças entre WordPress.com e WordPress.org
Diferenças entre WordPress.com e WordPress.org
 
Como colaborar com a comunidade WordPress
Como colaborar com a comunidade WordPressComo colaborar com a comunidade WordPress
Como colaborar com a comunidade WordPress
 
SEO - Planejamento, execução e análise
SEO - Planejamento, execução e análiseSEO - Planejamento, execução e análise
SEO - Planejamento, execução e análise
 
Campos personalizados Like a Pro - WordCamp São Paulo 2014
Campos personalizados Like a Pro - WordCamp São Paulo 2014Campos personalizados Like a Pro - WordCamp São Paulo 2014
Campos personalizados Like a Pro - WordCamp São Paulo 2014
 
Hierarquia de templates WordPress
Hierarquia de templates WordPressHierarquia de templates WordPress
Hierarquia de templates WordPress
 
WordPress em sua estratégia de marketing
WordPress em sua estratégia de marketingWordPress em sua estratégia de marketing
WordPress em sua estratégia de marketing
 
Por que usar o WordPress - Conceitos e Aplicações
Por que usar o WordPress - Conceitos e AplicaçõesPor que usar o WordPress - Conceitos e Aplicações
Por que usar o WordPress - Conceitos e Aplicações
 
O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...
O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...
O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...
 
Seo para WordPress
Seo para WordPressSeo para WordPress
Seo para WordPress
 
Otimizacao Front-End para WordPress - OlhoSEO 2013
Otimizacao Front-End para WordPress - OlhoSEO 2013Otimizacao Front-End para WordPress - OlhoSEO 2013
Otimizacao Front-End para WordPress - OlhoSEO 2013
 
Ebook Google Varejo
Ebook Google VarejoEbook Google Varejo
Ebook Google Varejo
 
Varejo digital na era Google
Varejo digital na era GoogleVarejo digital na era Google
Varejo digital na era Google
 
Seo para Startups
Seo para StartupsSeo para Startups
Seo para Startups
 
Seo para WordPress - II WP Meetup RJ
Seo para WordPress - II WP Meetup RJSeo para WordPress - II WP Meetup RJ
Seo para WordPress - II WP Meetup RJ
 

Seo e HTML5

  • 1.
  • 2. @GugaAlves • Analista de Sistemas • Pós Graduado em Gestão Estratégica de Marketing Digital • Professor de SEO do Instituto Infnet • Coordenador de Comunicação – ABRADI-RJ • Criador do TudoParaWordPress • Vencedor do 1 #DesafioSEO da MestreSeo
  • 3.
  • 4. The Web has not seen this level of transformation, this level of acceleration, in the past ten years. We're betting big on HTML5 Vic Gundotra VP of Engineering, Google
  • 5. The world is moving to HTML5. Steve Jobs Apple
  • 6. If you want to do something universal, there is no question, the world is going HTML5. That is clear...The world is just pushing down this HTML5 path and so are we. Steve Ballmer CEO Microsoft
  • 7.
  • 8. In general, we work hard to understand as much of the web as possible, but I have a feeling that HTML5 markup is not yet as widely in use (and in use correctly) that it would make sense for us to use it as a means of understanding content better. As HTML5 gains in popularity and as we recognize specific markup elements that provide value to our indexing system, this is likely to change, but at the moment I would not assume that you would have an advantage by using HTML5 instead of older variants. John Mueller Webmasters Trends Analyst, Google
  • 9.
  • 10.
  • 11. Atualmente, usamos elementos <div> para organizar e segmento de uma página web. Não temos uma organização semântica que mostre com exatidão qual bloco de conteúdo é referente a exatamente qual seção do site.
  • 12.
  • 13. Uma vez o HTML5 sendo mais amplamente adotado, mecanismos de busca podem usar esses novos elementos para os ajudar a encontrar elementos da página de seu interesse.
  • 15. Microdados são um subconjunto de informacões em um documento que tem um significado para as maquinas, robôs, assim como tem um significado para uma pessoa lendo o documento. Isto é, fornecer metadados de uma forma que pode ser usada por uma maquina e permitir que os dados sejam processados e exibidos de uma forma que atenda melhor o usuário.
  • 17. Breadcrumbs <p id="crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <span itemprop="title"> <a itemprop="url" href="http://www.tudoparawordpress.com.br" rel="nofollow"> <span itemprop="title">Inicial</span></a> </span> » <span itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a itemprop="url" href="http://www.tudoparawordpress.com.br/seo-wordpress/"> <span itemprop="title">SEO</span> </a> </span> » <span itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <strong class="current" itemprop="title">Qual impacto o HTML 5 pode ter em SEO?</strong> </span> </p>
  • 18. Marcação de Autor <aside itemscope itemtype="http://schema.org/Person"> <img alt="Guga Alves" src="guga-alves.jpg" class="avatar avatar-75 photo" height="75" width="75"> <div> <span class="vcard author"> <span class="fn"> <a itemprop="name" href="#">Guga Alves</a> </span> </span> <ul> <li><a href="#" class="tw">Twitter</a></li> <li><a href="#" class="fb">Facebook</a></li> <li><a href="#" class="in">Linkedin</a></li> <li><a href="#" rel="author" class="rss">Google+</a></li> <li><a href="mailto:#" class="mail" itemprop="email">Email</a></li> </ul> <p>Descrição do autor</p> </div> </aside>
  • 19. Ferramenta de teste de dados estruturados Breadcrumbs Perfil do Autor no Google+ http://www.google.com/webmasters/tools/richsnippets?hl=pt-BR
  • 20. Como é interpretado pelo Googlebot?
  • 21. Exemplo 2: Rating <div class="vote"> <p class="rating num-votes">Taxa de aprovação <span><span class="average">3.9</span>/5</span> Avaliações <span class="votes">31</span> </p> <p id="star"> <span>Avalie:</span> <a class="full" href="#"></a> <a class="full" href="#"></a> <a class="full" href="#"></a> <a href="#"></a> <a href="#"></a> </p> </div>
  • 22. Como é interpretado pelo Googlebot? Como é exibido para o usuário?
  • 23. Mais informações no GWT https://www.google.com/webmasters/tools/structured-data
  • 24.
  • 26.
  • 28. E lembre-se dos dispositivos portáteis!
  • 29. Resumindo: • Diversas melhorias na usabilidade e experiência do usuário. • Novas tags que ajudam a classificar o conteúdo de forma semântica. • Ótimas melhorias para manipulação de mídias (áudio e vídeo). • Precisa comparar com Flash e Silverlight? EPIC WIN! • SEO-friendly se pensarmos rastreamento e indexação de site. • Uso crescente em aplicativos móveis e jogos.
  • 30.
  • 31. HTML5 + CSS3 + Javascript = Semântica + Interatividade + Encontrabilidade
  • 32. Referências • html5rocks.com • html5doctor.com • google.com/webmasters/tools/richsnippets?hl=pt-BR • tableless.com.br/introducao-a-microdata-no-html5/ • marcofolio.net/webdesign/html5_microdata_what_is_it_and_why_shoul d_you_care_.html • net.tutsplus.com/tutorials/html-css-techniques/html5-microdata- welcome-to-the-machine/ • http://support.google.com/webmasters/bin/answer.py?hl=pt- BR&answer=99170&topic=21997&ctx=topic • http://searchengineland.com/seo-best-practices-for-html5-truths-half- truths-outright-lies-99406