Como Otimizar seu Site com Padrões Web e SEO
Upcoming SlideShare
Loading in...5
×
 

Como Otimizar seu Site com Padrões Web e SEO

on

  • 2,647 views

Palestra apresentada por Klaibert P. Miranda no Senac Penha em 11/04/2012 sobre padrões web, acessibilidade, usabilidade e SEO na otimização de sites.

Palestra apresentada por Klaibert P. Miranda no Senac Penha em 11/04/2012 sobre padrões web, acessibilidade, usabilidade e SEO na otimização de sites.

Statistics

Views

Total Views
2,647
Views on SlideShare
2,641
Embed Views
6

Actions

Likes
2
Downloads
48
Comments
0

4 Embeds 6

http://a0.twimg.com 3
https://twimg0-a.akamaihd.net 1
https://si0.twimg.com 1
https://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • This presentation demonstrates the new capabilities of PowerPoint and it is best viewed in Slide Show. These slides are designed to give you great ideas for the presentations you’ll create in PowerPoint 2010!For more sample templates, click the File tab, and then on the New tab, click Sample Templates.

Como Otimizar seu Site com Padrões Web e SEO Como Otimizar seu Site com Padrões Web e SEO Presentation Transcript

  • Tema da Palestra:Como otimizar sites comPadrões Web e Técnicasde SEO
  • Antes de iniciar Klaibert P. Miranda Designer Digital / Web |Professor | Empreendedor | Voluntário | Pai klaibert.pmiranda@sp.senac.br @klaibert klaibert www.kuarto.com.br | www.designcoletivo.com
  • Agenda da apresentação Padrões web Futurologia Usabilidade SEO Acessibilidade “Uma longa viagem começa com um único passo.” Lao Tse
  • Padrões Web O que ganhamos ao seguirmos os padrões
  • Padrões Web – Definição Recomendações do W3C para o uso de boas práticas que torna a web acessível para todos (pessoas e dispositivos). Ignorar os padrões web, pode causar uma interpretação errada de seu código, exibindo a página de maneira errada.
  • Principais Recomendações - Uso correto das tags (semântica) - Desenvolvimento em camadas (conteúdo, apresentação e desenvolvimento)Padrões Web - Priorizar acessibilidade e usabilidade
  • Padrões Web – Vantagens- Manutenção facilitada- Compatível com diferentes navegadores e dispositivos- Acessível para usuários com necessidades especiais- Arquivos menores (carregam mais rapidamente)
  • Validação do códigoVale a pena validar ocódigo das páginas?
  • SEO Search Engine Optimization Otimização para motores de busca
  • Como destacar meu site na busca orgânica do Google?A RESPOSTA É SEO.
  • O que é SEO ?“SEO é o conjunto de estratégias com o objetivo de potencializar e melhorar o posicionamento de um site nas páginas de resultados naturais (orgânicos) nos sites de busca.” Wikipédia
  • SEO e os buscadores No início, os webmasters classificavam seus sites nos buscadores. Com o abuso deste poder, foram desenvolvidos os algorítimos que classificam os resultados.
  • SEO – Como são classificados os sites- Idade do domínio e do conteúdo- Estrutura do código- Originalidade do conteúdo- Qualidade dos links (internos e externos)- Uso de palavras-chave adequadas
  • SEO – Como são classificados os sites- Densidade das palavras-chave- Uso de tags descritivas (alt, title)- Quantidade de links relevantes que apontam para seu site- Contexto onde estão inseridos links e imagens- Tempo de carregamento da página
  • Na práticaComo otimizar meu site combinando PadrõesWeb e SEO? Vejamos um guia rápido.
  • Primeiro o mais importante- Meu site aparece no índice do Google?Sim! Ótimo vamos começar.Não? Comece revisando seu site, códigos, robts.txt,nofollow, noindex, conteúdo duplicado, punições doGoogle e etc.
  • Entendendo o foco da ação1. Que produtos e/ou serviços ofereço?2. Qual o foco da otimização?3. O que meus concorrentes estão fazendo para conseguirem o topo?
  • 1. Definindo as palavras-chave1. Quais palavras-chave melhor descrevem o que desejo evidenciar? Ex. Flores, flores em são paulo, rosas vermelhas. Para ajudar na escolha, utilize ferramentas como Google Adwords, Google Trends e Google Insights para Pequisas.
  • Definindo as palavras-chave Google Adwords External Tool
  • Definindo as palavras-chave Google Trends
  • 2. Escolha um bom domínio1. Um bom domínio é aquele que diz quem é a empresa / marca ou o que ela oferece. No nosso exemplo www.flores.com.br ou www.floresemsaopaulo.com.br Manter a palavra chave no domínio é certamente um fator positivo para os buscadores.
  • 3. Estrutura do código1. Nomes padronizados para as DIVs Ex. Header, nav, footer, article, aside…
  • 3. Estrutura do código2. Evite utilizar CSS Inline ou JavaScript na página, use arquivos externos para isso.3. Escreva títulos de páginas criativos e curiosos, manter a palavra chave desejada dentro do título eleva a credibilidade da página. Recomenda-se que o título tenha até 63 caracteres.4. Canonical para evitar páginas duplicadas. Ex. <link rel="canonical" href="http://www.kuarto.com.br/" />
  • 3. Estrutura do código
  • 3. Estrutura do código – Meta TagsMeta Description – curiosa, informativa, call toaction, aconselha-se até 160 caracteres.Não possui influência no ranking do Google.
  • 3. Estrutura do código – Meta TagsKeywords – palavras importantes, variações esinônimos.Não possui influência no ranking do Google, porémpode influenciar em sistemas como o delicio.usEx. <meta name="keywords" content="corretoresplanos saude, corretores saude, corretores saúde,sistema corretores saude" />
  • 3. Estrutura do código – Meta TagsRobots – Como o robô do buscador vai ler seu site. Osatributos são, noindex, follow, nofollow, nosnippet,noarchive.Ex. <meta Name=”robots” content=”nofollow”>
  • 4. O CONTEÚDOUm dos mais importantes fatores para qualquerprojeto.Precisa ser original, relevante, despertar acuriosidade, apresentar imagens, vídeos, gráficos,títulos e subtítulos bem definidos, palavras-chavebem distribuídas por todo o conteúdo.
  • 4. Estrutura do Conteúdo1. Heading Tags (h1, h2, h3...)2. Palavras-chave ao longo das páginas3. Tag Alt4. Title em todos os links5. Adequação de imagens, links e palavras-chave ao contexto
  • 4. Imagens1. Tag Alt. Ex. Prefira noivos entrando na igreja ao invés de casamento2. Tamanho do arquivo3. Contexto onde a imagem está4. Mesma palavra no título e na descrição da imagem
  • 4. Links1. Tag title2. Texto âncora Ex. <a href=“sistema.htm" title=“Conheça nosso sistema para corretores de saúde">sistema para corretores de planos de saúde</a>3. Links Internos4. Backlinks (fator de extrema importância para buscadores)
  • LinksComo fazer para conseguir os tão desejadosBacklinks?
  • 5. Algumas FerramentasGoogle Webmaster Tools
  • 5. Algumas FerramentasPage Speed
  • 5. Algumas FerramentasCopyscape
  • Futurologia O que nos espera num futuro próximo
  • TUDO MUDA O TEMPO TODO» Busca semântica a nova mudançado Google.» Isso muda tudo.
  • Obrigado! Klaibert P. Miranda klaibert.pmiranda@sp.senac.br @klaibert klaibertConhecimento não se divide, www.kuarto.com.br | www.designcoletivo.comse multiplica.