curso de webwriting em são paulo
DESCRIPTION
No dia 21 de setembro aconteceu a segunda turma aberta do curso de webwriting em São Paulo no Instituto Rogério Castilho. Se você perdeu o curso, veja os principais tópicos abordados durante o curso. Durante o curso de webwriting foram abordados intensamente os seguintes tópicos: - O que é webwriting? - Como escrever? - Princípios do webwriting. - O foco no usuário. - Como tornar a leitura mais atraente. - Como escolher um tema para escrever. - A influência do design no webwriting. - Como estabelecer empatia com o seu público. - Hábitos de leitura e leitura escaneada. - Design do corpo do texto. - Criando títulos para a internet. - Hierarquia de títulos e estilo. - Limites do texto. - Como conduzir e orientar o usuário através do texto. - Otimização de imagens e vídeos. - Fontes de tráfego. - Objetivos do webwriting. - Checklist de webwriting.TRANSCRIPT
![Page 1: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/1.jpg)
![Page 2: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/2.jpg)
Aprendendo a escrever
![Page 3: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/3.jpg)
![Page 4: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/4.jpg)
2
![Page 5: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/5.jpg)
3
![Page 6: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/6.jpg)
4
![Page 7: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/7.jpg)
5
![Page 8: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/8.jpg)
6
![Page 9: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/9.jpg)
panda e pinguim
![Page 10: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/10.jpg)
Com as atualizações Panda e Pinguim, o Google se posicionou oficialmente como um buscador que da mais relevância ao conteúdo do que a truques de SEO.
Por isso, o conteúdo bem produzido passou a ser fator chave para que um website esteja bem posicionado.
![Page 11: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/11.jpg)
22/05
Google lança o Pinguim 2.0
A nova atualização do Pinguim traz uma nova geração de algoritmos, que conseguem analisar mais profundamente a qualidade de links de um site.
Por isto, é cada vez mais importante focar em bom conteúdo, para conseguir links em sites de qualidade e de forma natural.
![Page 12: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/12.jpg)
O que é
webwriting
pra você?
![Page 13: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/13.jpg)
O “papa” do webwriting
- Crawford Kilian é autor de Writing for the Web (lançado em 1998 e, hoje em sua 4ª edição), além de ser um professor universitário e um romancista canadense.
- Os estudos de Kilian são focados no comportamento do texto em ambientes digitais.
- O livro de Kilian, ainda não possui tradução ou Adaptação para o português.
![Page 14: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/14.jpg)
Os princípios
do webwriting
![Page 15: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/15.jpg)
Persuasão
Seu discurso precisa estar bem amarrado em argumentos sólidos. Portanto, dê atenção ao que está escrevendo, valorize sempre o
gancho emocional com o leitor, explicite o seu ponto de vista e crie credibilidade.
Ao final do seu texto, o leitor deve saber muito bem o que fazer. Chame-o para a ação.
![Page 16: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/16.jpg)
Objetividade
Vá direito ao ponto, sem rodeios, sem meias palavras, sem falsas promessas.
Pense sempre se as informações estão completas, se faltaria algum aspecto a ser abordado, se existe informação em excesso.
Não enrole o leitor!
![Page 17: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/17.jpg)
Visibilidade
Dê destaque às informações mais importantes – é por conta delas que o leitor está ali e, se você não dar ênfase a elas, eles vão sair
da sua página.
Mostre o que precisa ser mostrado, destaque, em listas ou numericamente, o que o leitor quer ler.
![Page 18: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/18.jpg)
Navegabilidade
Guie o usuário como um guia turístico. Primeiro capture a curiosidade do usuário, depois a atenção e aí sim o interesse do
usuário.
Somente depois disso, deixe que ele saiba mais sobre você. O título do link deve ser o título da página de destino.
![Page 19: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/19.jpg)
Benefícios do webwriting
1. Produção de conteúdo focado no hábito de leitura dos leitores da web.
2. Criação da reputação (seja marca pessoal ou corporativo) em torno de assuntos.
3. Otimização de conteúdo com técnicas mais valorizadas pelos buscadores.
4. Produção de conteúdo focado em 2 frentes: leitores e buscadores.
5. Fazer o conteúdo ser lido, compartilhado e espalhado pela internet.
![Page 20: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/20.jpg)
... e se, eu não usar webwriting?
![Page 21: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/21.jpg)
no usuário
![Page 22: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/22.jpg)
![Page 23: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/23.jpg)
Um erro muito comum em sites institucionais é reproduzir conteúdo de publicações impressas sem nenhuma adaptação. A leitura online tem características diferentes.
O leitor online tem o hábito de varrer uma página em busca de informação, o que chamamos de busca escaneada: passando os olhos pela página procurando algo de interesse.
![Page 24: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/24.jpg)
Conclusão
1. Os leitores varrem a página em formato de F (o que chamamos de leitura
escaneada).
2. O leitor busca por informações no topo do site e só se aprofunda se tiver algo de
interesse pela página.
3. Imagens são responsáveis por mais de 40% da atenção de leitores e usuários.
4. A leitura na web segue o fluxo da escrita: da esquerda para a direita.
5. As pessoas precisam se interessar pelo que você escreveu em poucos segundos,
senão abandonam a sua página.
![Page 25: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/25.jpg)
Como o design fala a favor do
webwriting...
Cores limpas, sem poluição visual, abusando de cores que estimulam a leitura em campos de texto (como cinza claro e branco).
Títulos visíveis em fontes de fácil leitura e de maneira que mostrem a divisão do conteúdo pelo texto, principalmente com fontes estilo ‘rounded’ ou sem serifa.
Com conteúdo no corpo do texto em letras serifadas, que dão mais conforto à leitura e são mais amigáveis ao leitor, cansando menos a vista.
![Page 26: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/26.jpg)
![Page 27: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/27.jpg)
O fator
encontra
bilidade
![Page 28: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/28.jpg)
En.con.tra.bi.li.da.de
É a facilidade de localização de informações, serviços na web. Tanto para os usuários que estão dentro do website quanto para quem está buscando informações em buscadores.
![Page 29: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/29.jpg)
1. disciplina acadêmica que define grupos de organismos biológicos, combase em suas características comuns.
2. ramo da biologia e botânica que identifica e classifica os seres vivos,animais e vegetais.
3. ciência da classificação.
4. técnica de classificação em que se dividem as palavras-chave nomarketing digital.
![Page 30: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/30.jpg)
navegacionais informativas transacionais
1 2 3
grupos depalavras chave
![Page 31: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/31.jpg)
![Page 32: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/32.jpg)
![Page 33: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/33.jpg)
![Page 34: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/34.jpg)
quando o
design
atrapalha
![Page 35: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/35.jpg)
![Page 36: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/36.jpg)
![Page 37: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/37.jpg)
Conclusão
1. Banners exagerados tiram a atenção do leitor para o conteúdo. Além de cansar a
vista.
2. Muitos anúncios tiram a credibilidade de seu website/blog.
3. Confusão visual incomoda os usuários e faz com que eles abandonem a página.
4. Enquadre o website ao nível cultural e tecnológico de seus leitores.
5. Distribua/divida a página em sessões que ajudem os usuários a se localizar e
decidirem o próximo passo.
![Page 38: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/38.jpg)
O processo
de redação
começa antes
da escrita
![Page 39: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/39.jpg)
o que
o seu
conteúdo
precisa
responder?
O que?
Quem?
Quando?
Onde?
Como?
Por que?... de preferência no primeiro parágrafo.
![Page 40: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/40.jpg)
![Page 41: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/41.jpg)
narrativa
descritiva
dissertativa (opinativa)
hard news
![Page 42: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/42.jpg)
Você sabe com quem está falando? Qual é o perfil do seu leitor?
![Page 43: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/43.jpg)
Perfil do usuário de internet no Brasil
![Page 44: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/44.jpg)
![Page 45: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/45.jpg)
Os acessos ultrapassaram 88 milhões em janeiro/2013.
![Page 46: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/46.jpg)
Brasil é o TERCEIRO
país em número de
usuários ativos na
internet.
![Page 47: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/47.jpg)
Vendas de tablets
mais que triplicou
Em 2012.
![Page 48: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/48.jpg)
Varejistas
investirão 55
bilhões de dólares
em marketing
móvel até
2015.
![Page 49: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/49.jpg)
Gasto mundial com publicidade
móvel atingirá 11,4 bilhões de
dólares neste ano.
![Page 50: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/50.jpg)
onde está
o seu leitor
no meio
disso tudo?
![Page 51: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/51.jpg)
alimente a sua comunidade, não o seu ego...
![Page 52: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/52.jpg)
hora de
colocar a
mão na massa
![Page 53: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/53.jpg)
durante a escrita
1. Use sempre voz ativa (ex.: o gato comeu o rato) ao invés de passiva (ex.: o rato foi
comido pelo rato).
2. Evite gerundismo, advérbios e adjetivos sem valor (seguramente, extremamente)
e substantivos abstratos.
3. Utilize maiúsculas apenas em início de frases e nomes próprios.
4. Siglas com até 4 letras são em maiúsculas (UFRJ). Acima de 4 letras, apenas a
primeira em maiúscula (Anatel).
5. Evite estrangeirismos. Quando forem indispensáveis utilize itálico.
![Page 54: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/54.jpg)
![Page 55: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/55.jpg)
![Page 56: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/56.jpg)
Um meio hipertextual como a web exige utilizar formatos que aproveitem a possibilidade de fragmentar o discurso informativo e criar níveis de profundidade documental.
a fragmentação
do discurso
![Page 57: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/57.jpg)
O que isso significa?
![Page 58: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/58.jpg)
Longos parágrafos tornam o texto monótono, cansativo, além de dar a impressão de que o assunto é o mesmo por toda a extensão do texto.
Textos escritos para a web precisam levar em conta que um parágrafo extenso é cansativo e muito fácil de fazer o usuário perder o seu raciocínio, transformando a ideia em uma grande confusão.
Sendo assim, o webwriter precisa transformar o texto monótono em texto fluído com parágrafos curtos, sempre com o gancho para o próximo parágrafo.
A estrutura de parágrafos ideal é algo em torno de 25 a 36 palavras –2 a 3 linhas.
![Page 59: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/59.jpg)
por ondecomeçara escrever?
![Page 60: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/60.jpg)
![Page 61: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/61.jpg)
1
2
![Page 62: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/62.jpg)
![Page 63: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/63.jpg)
Como produtores de conteúdo temos que trabalhar em uma ferramenta que nos auxilie a ter o melhor desempenho como escritores.
E infelizmente, nenhuma outra ferramenta (Google Docs, Dreamweaver ou editores alternativos) foram feitas para escritores.
O Word e o Scrivener são as melhores opções do mercado.
![Page 64: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/64.jpg)
estilodo texto
![Page 65: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/65.jpg)
![Page 66: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/66.jpg)
strong/forte bold/negrito
funçãomostrar que uma palavra-chave é forte no corpo do texto.
dar destaque visual a uma palavra.
efeito visual negrito negrito
quando usarmostrar que uma palavra é forte no texto
destacar uma palavra ou frase visualmente
limite de uso 1 palavra por texto ilimitado
influencia no SEO? sim não
![Page 67: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/67.jpg)
Colocando palavras-chave em destaque
1. No editor de texto, após
finalizado o texto vá em
localizar e substituir.
2. Coloque a palavra em
localizar/substituir.
3. Vá em formatar > estilo.
![Page 68: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/68.jpg)
4. Localize o estilo forte (ou
strong).
5. Dê ok.
6. Vá em substituir tudo.
![Page 69: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/69.jpg)
<em> itálico
funçãomostrar que uma determinada palavra tem destaque no texto
dar destaque visual a uma palavra.
efeito visual itálico itálico
quando usar mostrar algo destacadodestacar uma palavra ou frase visualmente ou palavra estrangeira
limite de uso 1 palavra por texto ilimitado
influencia no SEO? há controvérsia não
![Page 70: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/70.jpg)
como
chamar a
atenção do
leitor para
o texto
![Page 71: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/71.jpg)
a página perfeita
![Page 72: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/72.jpg)
título e subtítulo
![Page 73: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/73.jpg)
conteúdo
![Page 74: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/74.jpg)
legibilidade
![Page 75: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/75.jpg)
fontes
![Page 76: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/76.jpg)
imagens
![Page 77: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/77.jpg)
vídeos
![Page 78: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/78.jpg)
call to action
![Page 79: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/79.jpg)
compartilhamento social
![Page 80: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/80.jpg)
estrutura de URL
![Page 81: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/81.jpg)
tag de título
![Page 82: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/82.jpg)
description
![Page 83: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/83.jpg)
Google Athorship
![Page 84: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/84.jpg)
tempo de carga
![Page 85: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/85.jpg)
links internos/externos
![Page 86: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/86.jpg)
o que você
precisa saber
sobre títulos
![Page 87: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/87.jpg)
como escrever títulos
1. Dê preferência à palavra-chave principal no título do artigo.
2. Evite utilizar grandes títulos. Seja direto. E lembre-se: o medo de perder faz as
pessoas clicarem mais do que a possibilidade de ganhar.
3. Títulos curtos ajudam na exibição completa quando listados no Google, enquanto
títulos grandes acabam não aparecem completamente nos buscadores.
4. Escreva títulos preferencialmente com verbos de ação.
5. Faça perguntas polêmicas. Isso desperta a curiosidade das pessoas.
![Page 88: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/88.jpg)
![Page 89: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/89.jpg)
anatomia
do corpo
do texto
![Page 90: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/90.jpg)
como organizar o corpo do texto?1. Escreva frases diretas e objetivas, sem rodeios. Prefira pontos a vírgulas. E
parágrafos curtos de, no máximo, 3 a 4 linhas.
2. Não abuse da paciência do leitor. Não faça rodeios. Tente ser o mais simples e
direto possível.
3. Use entre 500 a 1000 palavras por texto (2 a 4 páginas). Intercale a produção de
conteúdo: um conteúdo mais profundo – maior – entre conteúdos menores.
4. Divida o texto em subtítulos e fragmentos, para não fica maçante.
6. Sempre use apoio visual: imagens, vídeos, áudio, apresentações.
5. Expresse números como números. São 5 e não cinco. 1, 2, 3, 4, 5, 6, 7, 8, 9, 0.
![Page 91: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/91.jpg)
Em uma reunião, geralmente, estabelecemos prazos para as coisas: para terminar um texto, para enviar uma proposta para o cliente, para executar uma tarefa, etc. A nossa vida gira ao redor dos prazos, e da maneira com que nos comportamos quando temos prazos para cumprir e tarefas para entregar. Quando nos comprometemos a cumprir um prazo, temos um poderoso motivador, porque isso coloca a nossa reputação em jogo; os profissionais que não conseguem cumprir prazos estão arriscando a desaprovação – e às vezes até mesmo a ira –de seus colegas, clientes, fornecedores ou até mesmo chefes.
parágrafo extenso e maçante
![Page 92: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/92.jpg)
Em uma reunião, geralmente, estabelecemos prazos para as coisas: para terminar um texto, para enviar uma proposta para o cliente, para executar uma tarefa, etc.
A nossa vida gira ao redor dos prazos, e da maneira com que nos comportamos quando temos prazos para cumprir e tarefas para entregar.
Quando nos comprometemos a cumprir um prazo, temos um poderoso motivador, porque isso coloca a nossa reputação em jogo.
Os profissionais que não conseguem cumprir prazos estão arriscando a desaprovação – e às vezes até mesmo a ira – de seus colegas, clientes, fornecedores ou até mesmo chefes.
parágrafo fluído e texto limpo
![Page 93: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/93.jpg)
SEO para conteúdo
![Page 94: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/94.jpg)
a palavra-chave aparece no primeiro parágrafo
o slug (URL) da página é curto e breve
a meta description tem 150 caracteres
links internos
imagens possuem tags title, alt e legenda
a palavra-chave aparece na URL da página
checklist de SEO
![Page 95: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/95.jpg)
a palavra-chave está no título
a palavra-chave está na descrição
o texto tem (no mínimo) 500 palavras
densidade da palavra-chave até 4%
o título da página tem mais de 40 caracteres e menos de 70
a palavra-chave aparece nos subtítulos
![Page 96: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/96.jpg)
por que destacar as
palavras-chave?1. Para que os buscadores entendam que esta palavra-chave tem a ver com o
conteúdo.
2. Dar força ao conteúdo.
3. Sinalizar quais palavras-chaves devem ser indexadas em destaque.
4. Ajudar que o conteúdo seja indexado mais rapidamente pelos buscadores com
foco na palavra chave.
ANTENÇÃO: Não abuse desse recurso! Utilize apenas 1 palavra por artigo.
![Page 97: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/97.jpg)
LINKScomo fazer? por que fazer? quando fazer?onde fazer?
![Page 98: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/98.jpg)
todo conteúdo deve
servir como um mergulho
de snorkell, oferecendo,
caso o leitor se interesse,
mais referências através
de links.
![Page 99: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/99.jpg)
links
internos
Porque o objetivo é fazer o leitor navegar pelo seu site. Não apenas ler 1 artigo e ir embora.
![Page 100: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/100.jpg)
motivos para fazer links internos
1. Fazer com que os leitores continuem navegando pelo seu website.
2. Aprofundar o assunto tratado no artigo.
3. Ajudar a otimizar um determinado artigo ou página.
4. Fazer com que os leitores conheçam melhor a sua empresa.
5. Diminuir a taxa de rejeição e aumentar o tempo de visualização de seu website.
![Page 101: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/101.jpg)
links
externos
Porque quanto mais ligações você faz para outros sites, mais ligações você recebe de volta.
![Page 102: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/102.jpg)
motivos para fazer links externos
1. Criar relacionamento com outros websites do seu segmento.
2. Referenciar sites que seguem a mesma linha de pensamento.
3. Conseguir sites para fazer backlinks.
4. Aumentar o page rank do seu website.
5. Estender a discussão para outro nível, oferecer aprofundamento ao tema e,
referenciar um pensamento com líderes de pensamento.
![Page 103: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/103.jpg)
Para mais informações, clique aqui.
Para maiores informações, consulte o guia de webwriting.
X
V
Um bom link precisa ter a correspondência exata no texto âncora (texto em que ele é feito). Quanto mais exata a correspondência, mais forte o link é.
![Page 104: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/104.jpg)
passo-a-passo para criar links
1. Sempre utilize a correspondência exata com o título do texto de destino para o
texto que servirá de âncora.
2. Sempre coloque o título exato com o texto que será o link.
3. Sempre coloque o link para abrir em uma nova janela (independente de ser externo ou interno),
uma vez que muitos leitores clicam no link antes de terminar a leitura.
4. Evite links genéricos: aqui, clique aqui, veja, download e etc.
![Page 105: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/105.jpg)
SEO de
imagens
na prática
![Page 106: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/106.jpg)
Sempre nomeie as imagens com as palavras-chave. Nesse exemplo, a imagem serve para ilustrar o SEO de imagens e, sendo assim, nada
melhor do que nomeá-la de SEO de imagens.
![Page 107: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/107.jpg)
Repita o texto da legenda da imagem em “texto alternativo” e “título”, são 2 atributos que ajudam a contextualizar a imagem no texto.
![Page 108: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/108.jpg)
o que você precisa saber sobre
imagens
1. Utilize entre 1 e 3 imagens dependendo do tamanho do texto. Evite escolher imagens
genéricas de banco de dados. É melhor tirar uma foto de alguém lendo do que pegar do banco
de imagens.
2. Intercale as imagens com os vídeos, sempre que possível. Eles servem como
embasamento para o seu conteúdo.
3. Sempre use legenda nas fotos: é uma maneira de conectá-las ao texto e, ajuda
na otimização das imagens.
4. Quanto mais original a imagem, mais o seu texto será visto como algo íntegro.
![Page 109: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/109.jpg)
SEO de
vídeos
![Page 110: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/110.jpg)
como ajudar a otimizar vídeos
1. Coloque a palavra principal do assunto do seu vídeo no título.
2. Escreva uma descrição repetindo a palavra-chave entre 3 a 5 vezes.
3. Coloque a palavra-chave principal nas categorias do vídeo.
4. Marque seu vídeo como público.
5. Se possível, faça links para outros vídeos.
![Page 111: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/111.jpg)
edição e
revisão do
texto
![Page 112: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/112.jpg)
O texto precisa ser simples,
de fácil compreensão e conciso
Isso significa cortar do texto qualquer embromação, estrangeirismo e linguagem formal
que tornam o texto um manual técnico chato e sem atrativo.
![Page 113: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/113.jpg)
Quem já não ouviu falar do desafio da folha em branco? Para os escritores ele é motivo de reflexões (...) para contornar esse tipo de dificuldade muitos apelam a recursos de preenchimento, cuja função é suprir o vazio de ideias.
Porém, tais recursos funcionam como um atentado à concisão (...) e são clichês e falsas definições que costumam arruinar o texto.
- Chico Viana
![Page 114: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/114.jpg)
a
li
nha
men
to
o texto sempre deve estar alinhado à
esquerda, uma vez que o texto justificado cansa mais a vista e atrapalha
a fluidez da leitura.
![Page 115: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/115.jpg)
tags e categorias
![Page 116: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/116.jpg)
como usar tags e categorias?
1. Seja o mais específico possível ao escolher tags e categorias. Elas podem tanto
ajudar, quanto atrapalhar o seu conteúdo ser encontrado.
2. Coloque cada texto em apenas 1 categoria. Quando escolhemos mais de 1,
geramos conteúdo duplicado que é sujeito à penalidades do Google.
3. Opte por poucas tags que sejam fiéis a essência do texto, ao invés de colocar
milhões de tags que nada têm a ver com o assunto tratado.
4. O Google interpreta tudo em exagero como spam. Portanto, seja específico e
moderado.
![Page 117: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/117.jpg)
métricas de
webwriting
![Page 118: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/118.jpg)
6. Taxa de rejeição.
métricas de acompanhamento1. Quantidade de visitas por período.
2. Quantidade de pessoas cadastradas em newsletters ou RSS .
3. Páginas mais visitadas.
4. Dias e horários com maior número de acessos.
5. Origem dos cliques.
![Page 119: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/119.jpg)
indicadores de sucesso
1. Número de visitantes únicos que acessaram o website.
2. Número total de visitas.
3. Número de pageviews.
4. Número de compartilhamentos.
5. Número de comentários.
![Page 120: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/120.jpg)
aspectoslegais dowebwriting
![Page 121: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/121.jpg)
O que você precisa saber sobre os aspectos legais de produzir textos, traduzir, adaptar e usar imagens...
![Page 122: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/122.jpg)
Quando produzimos conteúdo podemos estar infringindo o direito de alguém com nossas
palavras. Portanto, assegure-se de não produzir material ofensivo e que não possa ser enquadrado
como calúnia e/ou difamação.
Esse precisa ser o primeiro cuidado do webwriter.
![Page 123: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/123.jpg)
garanta que:1. Você tenha autorização para reproduzir o conteúdo desejado, para que você não viole os
direitos autorais de terceiros. Quando autorizado, sempre coloque no rodapé o link do artigo
original.
2. Que você não fere ou contradiz o texto de um autor durante a
tradução/adaptação. Sempre coloque links para o artigo original.
3. Assegure-se de comprar imagens em bancos de imagens reconhecidos ou de sempre
buscar por imagens royalties free para uso não comercial (Flikr por exemplo).
4. Fique por dentro das normas creative commons.
![Page 124: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/124.jpg)
![Page 125: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/125.jpg)
![Page 126: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/126.jpg)
Creative Commons é uma organizaçãolocalizada nos Estados Unidos, voltada a expandir a quantidade de obras criativas disponíveis, através de suas licenças que permitem a cópia e compartilhamento com menos restrições que o tradicional todos direitos reservados.
Para esse fim, a organização criou diversas licenças, conhecidas como licenças Creative Commons.
![Page 127: Curso de Webwriting em São Paulo](https://reader030.vdocuments.pub/reader030/viewer/2022020101/55834b36d8b42a201e8b52a1/html5/thumbnails/127.jpg)
dicas para abrir a cabeça