Você está na página 1de 31

MARKETING

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

Site dinâmico: americanas.com

Site one-page: http://www.alln1hob.com/

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

A title tag nas páginas do seu site informa aos mecanismos


de pesquisa sobre o que é a página. Ela deve ter 70
caracteres ou menos e incluir o nome da sua empresa ou
marca e palavras-chave relacionadas apenas a essa página
específica. Essa tag é colocada entre as tags <HEAD>
</HEAD>, na parte superior do código HTML da página.
Meta Description
A meta description (ou meta descrição) nas páginas do seu site oferece aos mecanismos
de pesquisa um pouco mais de informações sobre o que é a sua página. Ainda há um
debate sobre se as meta descrições podem ajudar nos rankings de palavras-chave.
Independentemente disso, você deve escrever sua meta descrição com um público
humano em mente que inclua as principais palavras-chave da página, pois a meta
description aparece nos resultados da pesquisa.
Resultados na busca
Elementos Adicionais de SEO

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.

Nome da Imagem & Tags ALT – Exemplo <img src =


“otimização-de-pesquisa-on-site-seo-title-tag.png” alt = “Otimização de Pesquisa On-Site
SEO Title Tag” />

Texto em Negrito – Ajuda os mecanismos de pesquisa a distinguir outras informações e


palavras-chave importantes no conteúdo da página.
Link Building

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

SITES - FRONT END


Marketing digital

Prof. Everaldo Pereira


everaldo.pereira@uni9.pro.br

Você também pode gostar