Curso Criando um Site do Zero - Aula 05 - Meta Tags

03/08/2016

Nesta vídeo-aula aprenderemos a criar as meta tags do website.

As meta tags ficam na cabeça <head> do site e são fundamentais para o correto funcionamento dele. Através delas definimos importantes características do nosso site.

Vamos a elas:

1. Charset

É a meta tag responsável pelos codificação dos caracteres. No Brasil utilizamos utf-8 que identifica caracteres especiais como os acentos.

<meta charset="utf-8">

2. Title

É a mais importante meta tag no que se refere a SEO (Search Engine Optimaze). É o texto que aparece no alto do navegador.

É importante que cada página tenha seu próprio título.

<title>Webdesign em Foco - Criação e Atualização de Websites</title>

3. Description

É a segunda mais importante tag de SEO, ela aparece na descrição dos resultados de busca.

<meta name="description" content="Somos uma empresa de criação de sites. Possuímos experiência de mais de 8 anos no mercado de programação e design web. Trabalhamos com as mais modernas linguagens de programação.">

Repare na foto abaixo a aplicação da meta tag title e description.

Meta tags title e description - webdesign em foco

4. Keywords

É a terceira mais importante tag do SEO. Alguns especialistas em SEO afirmam que para o Google as keywords não tem relevância e que a relevância é tão somente para o Bing e Yahoo. Na dúvida, acho interessante inserirmos no nosso projeto.

<meta name="keywords" content="criação de website, websites, sites">

5. Viewport

A função da meta tag viewport está relacionada ao site responsivo. Ela demonstra ao nosso navegador que nosso layout deve se adaptar as diferentes telas.

<meta name="viewport" content="width=device-width, initial-scale=1">

6. Author

Define o autor do website. São os créditos da página.

<meta name="author" content="Webdesign em foco">

Receba as aulas da Webdesign em Foco em Seu Email

Posts Relacionados

Curso Criando um Site do Zero - Aula 04 - FAVICON

Nesta aula aprenderemos como mudar o iconezinho que fica no alto do navegador, conhecido como FAVICON (Favorite Icon).

Curso Criando um Site do Zero - Aula 06 - Introdução ao CSS

Nesta 5ª aula do curso Criando um Site do Zero, faremos a introdução ao CSS (Cascating Style Sheets) e a divisão do layout no padrão MVC.

Site do Zero

Neste curso aprenderemos como criar um website estático básico com as seguintes características: base em HTML5, estilização em CSS3, dinamização com JQuery, responsivo.