Escolar Documentos
Profissional Documentos
Cultura Documentos
Desenvolvimento do seu
website UI e ferramentas
Front End
Prof. Everaldo Pereira
everaldo.pereira@uni9.pro.br
Leitura: Estratégias
de Marketing Digital
Capítulos 1 e 2
https://plataforma.bvir
tual.com.br/Leitor/Pub
licacao/184175/pdf/0
Tipos de Sites - pelo conteúdo
Site institucional
Loja virtual
Blog
Notícias
Serviços
Fóruns
Ensino
Tutoriais e DIY
Portais
Tipos de sites - pela forma
Portal: uol.com.br
Hotsite: https://www.promocaoype.com.br
Domínio
● Dê preferência para a extensão .com.br: Por ser a TLD mais
popular no Brasil, com .COM.BR vai ser mais fácil os visitantes
lembrarem do seu site.
● Verifique nomes parecidos com o seu. Ao escolher um nome,
avalie quais erros as pessoas cometeriam ao pesquisar pelo
seu domínio e quais outras alternativas similares existem, para
garantir que todo o tráfego seja mesmo para você e não para
outro site.
● Faça um nome curto. Quanto mais curto e marcante o nome do
seu site for, melhor para o seu negócio. Nomes muito longos
são difíceis de memorizar.
● Evite hifens e números. Só os use em caso de extrema
necessidade, pois eles aumentam as chances de pesquisarem o
seu site de forma errada e não te encontrarem.
Title tag
Links Internos – links internamente para outras páginas do seu site dentro do seu
conteúdo
Tags de Cabeçalho - As tags <H1> </H1> envolvem o título da postagem – deve haver
apenas um conjunto de tags <H1> </H1> por página. As tags <H2> </H2> e <H3> </H3>
envolvem subtítulos na página – pode haver várias instâncias de ambos.
O objetivo básico do link building é conseguir que outros sites façam links para o seu.
Links Orgânicos – Esses são links que você não precisa solicitar e são do melhor tipo.
Especialmente se você puder obtê-los em sites com autoridade alta, como grandes agências
de notícias e outros sites de nomes bem reconhecidos.
Whitehat – Isso basicamente significa um link building bom e de qualidade (do tipo que você
deve almejar).
Blackhat – Isso significa um link building de baixa qualidade e spam (do tipo que você deve
evitar).
Wireframe básico (layout)
Ferramentas para desenvolvedores
● Ferramentas HTML: HTML5 Boilerplate, HTML5 Bones, Haml, etc.
● Ferramentas CSS: Bootstrap, Metro UI, Sass, etc.
● Ferramentas e estruturas de JavaScript: AngularJS, Vue.js, React, Ember.js,
TypeScript, etc.
● Ferramentas de implantação: CircleCI, Bamboo, Travis CI, etc.
● Ferramenta de teste de desempenho: GTmetrix, curva de velocidade, teste de
página da web, etc.
● Ferramentas de SEO: Google Webmasters Search Console, ferramenta Varvy
SEO, etc.
MARKETING