Websites: mudanças entre as edições

De Wiki Doth
Ir para navegação Ir para pesquisar
 
(11 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 8: Linha 8:
= Meta tags =  
= Meta tags =  


Og: type
==Og: type==
Aqui estamos falando de onde você descreve o tipo de conteúdo que você está compartilhando.
Aqui estamos falando de onde você descreve o tipo de conteúdo que você está compartilhando.


Trata-se de um vídeo, imagem, blog post, etc.? Aqui está a lista completa, que você pode escolher ao definir o tipo de conteúdo:
Trata-se de um vídeo, imagem, blog post, etc.? Aqui está a lista completa, que você pode escolher ao definir o tipo de conteúdo:


Atividades
#Atividades
##activity, sport


activity
#Negócios
sport
##bar,company,cafe,hotel,restaurant
Negócios


bar
#Grupos
company
##cause,sports_league,sports_team
cafe
hotel
restaurant
Grupos


cause
#Organizações
sports_league
##band,government,non_profit,school,university
sports_team
Organizações


band
#Pessoas
government
##actor,athlete,author,director,musician,politician,public_figure
non_profit
school
university
Pessoas


actor
#Locais
athlete
##city,country,landmark,state_province
author
director
musician
politician
public_figure
Locais


city
#Produtos e entretenimento
country
##album,book,drink,food,game,product,song,movie,tv_show
landmark
state_province
Produtos e entretenimento


album
#Websites
book
##blog,website,article
drink
food
game
product
song
movie
tv_show
Websites


blog
<code><meta property=”og:type” content=”article“/></code>
website
article
Por exemplo: <meta property=”og:type” content=”article“/>


Og:Description
==Og:Description==
Isto também é semelhante à sua meta descrição de html, porque é usado para descrever o seu conteúdo. Não se importe com a força da palavra-chave aqui neste caso.
Isto também é semelhante à sua meta descrição de html, porque é usado para descrever o seu conteúdo. Não se importe com a força da palavra-chave aqui neste caso.


Linha 76: Linha 46:
Por exemplo: <meta property=”og:description” content=” Quer saber como ter sucesso com os anúncios do Facebook e quais são os posts que aumentam a interação com os fãs? Confira as nossas dicas! “/>
Por exemplo: <meta property=”og:description” content=” Quer saber como ter sucesso com os anúncios do Facebook e quais são os posts que aumentam a interação com os fãs? Confira as nossas dicas! “/>


Og: image
==Og: image==
Lembra-se que mencionamos que posts com imagens eram capazes de aumentar o tráfego do Facebook cerca de 150%?
Lembra-se que mencionamos que posts com imagens eram capazes de aumentar o tráfego do Facebook cerca de 150%?


Linha 85: Linha 55:
Antes de entrarmos no mérito de como você pode usar esta tag, você precisa saber que o Facebook possui alguns pré-requisitos para a postagem de imagens. Uma imagem precisa ter pelo menos 50px por 50px, mas de preferência maior que 200px por 200px. Além disso, a imagem não pode ter mais do que 5 MB de tamanho.
Antes de entrarmos no mérito de como você pode usar esta tag, você precisa saber que o Facebook possui alguns pré-requisitos para a postagem de imagens. Uma imagem precisa ter pelo menos 50px por 50px, mas de preferência maior que 200px por 200px. Além disso, a imagem não pode ter mais do que 5 MB de tamanho.


Por exemplo:
<code><meta property=”og:image”content=”https://****.png“/></code>
<meta property=”og:image”content=”https://rockcontent.com/br/wp-content/uploads/sites/2/2014/09/zuckerberg-620×316.png “/>
 
==Og: url==


Og: url
Nesta tag, você deve colocar a URL da página que você está compartilhando. Esta tag pode parecer irrelevante, mas é muito importante, pois às vezes você vai ter mais de uma URL para o mesmo conteúdo, e usando esta tag você vai garantir que todos os compartilhamentos acessarão apenas uma URL, o que deve ajudar o seu Facebook Edgerank.
Nesta tag, você deve colocar a URL da página que você está compartilhando. Esta tag pode parecer irrelevante, mas é muito importante, pois às vezes você vai ter mais de uma URL para o mesmo conteúdo, e usando esta tag você vai garantir que todos os compartilhamentos acessarão apenas uma URL, o que deve ajudar o seu Facebook Edgerank.


Por exemplo:
<code><meta property=”og:url” content=” https://xxxx /”/><code>
<meta property=”og:url” content=” https://rockcontent.com/br/blog/dicas-marketing-no-facebook/# /”/>
 
==Og: site_name==


Og: site_name
Esta tag informa ao Facebook qual é o nome do seu site. Você realmente não precisa desta tag, mas não há mal nenhum em incluí-la.
Esta tag informa ao Facebook qual é o nome do seu site. Você realmente não precisa desta tag, mas não há mal nenhum em incluí-la.


Por exemplo: <meta property=”og:site_name” content=”Marketing de Conteúdo“/>
<code> <meta property=”og:site_name” content=”Marketing de Conteúdo“/></code>


FB:admins
==FB:admins==
Se você tem uma fan page no Facebook e deseja obter mais dados através do Facebook Insights, então você precisa utilizar esta tag. Ela “conta” para o Facebook que você é o proprietário do site e conecta seu Facebook à sua página.
Se você tem uma fan page no Facebook e deseja obter mais dados através do Facebook Insights, então você precisa utilizar esta tag. Ela “conta” para o Facebook que você é o proprietário do site e conecta seu Facebook à sua página.


Por exemplo: <meta property=”fb:admins” content=”werockcontent″/>
<code><meta property='fb:admins' content=''/></code>
 
Agora que você tem seu Facebook Open Graph meta tags devidamente configurados e sabe mais sobre eles, vamos avançar para o Twitter Cards.

Edição atual tal como às 14h29min de 28 de outubro de 2024

Informações úteis para criação de sites

Robots

x

Meta tags

Og: type

Aqui estamos falando de onde você descreve o tipo de conteúdo que você está compartilhando.

Trata-se de um vídeo, imagem, blog post, etc.? Aqui está a lista completa, que você pode escolher ao definir o tipo de conteúdo:

  1. Atividades
    1. activity, sport
  1. Negócios
    1. bar,company,cafe,hotel,restaurant
  1. Grupos
    1. cause,sports_league,sports_team
  1. Organizações
    1. band,government,non_profit,school,university
  1. Pessoas
    1. actor,athlete,author,director,musician,politician,public_figure
  1. Locais
    1. city,country,landmark,state_province
  1. Produtos e entretenimento
    1. album,book,drink,food,game,product,song,movie,tv_show
  1. Websites
    1. blog,website,article

<meta property=”og:type” content=”article“/>

Og:Description

Isto também é semelhante à sua meta descrição de html, porque é usado para descrever o seu conteúdo. Não se importe com a força da palavra-chave aqui neste caso.

Ao invés disso, pense em uma descrição convincente que terá o potencial de gerar mais cliques. Você tem até 297 caracteres para esta tag.

Por exemplo: <meta property=”og:description” content=” Quer saber como ter sucesso com os anúncios do Facebook e quais são os posts que aumentam a interação com os fãs? Confira as nossas dicas! “/>

Og: image

Lembra-se que mencionamos que posts com imagens eram capazes de aumentar o tráfego do Facebook cerca de 150%?

Isso é possível pois, utilizando o Open Graph, você tem a garantia que o Facebook mostrou uma imagem a cada vez que alguém compartilhou uma URL do seu site. Os resultados são até óbvios, tendo em vista que o post ficará muito mais atraente.

Utilizando uma tag de og: image, você vai garantir que uma imagem estará sempre junto ao conteúdo que você está compartilhando. Desta forma destaca-se de todas as outras atualizações de status baseadas em textos de sua timeline.

Antes de entrarmos no mérito de como você pode usar esta tag, você precisa saber que o Facebook possui alguns pré-requisitos para a postagem de imagens. Uma imagem precisa ter pelo menos 50px por 50px, mas de preferência maior que 200px por 200px. Além disso, a imagem não pode ter mais do que 5 MB de tamanho.

<meta property=”og:image”content=”https://****.png“/>

Og: url

Nesta tag, você deve colocar a URL da página que você está compartilhando. Esta tag pode parecer irrelevante, mas é muito importante, pois às vezes você vai ter mais de uma URL para o mesmo conteúdo, e usando esta tag você vai garantir que todos os compartilhamentos acessarão apenas uma URL, o que deve ajudar o seu Facebook Edgerank.

<meta property=”og:url” content=” https://xxxx /”/>

Og: site_name

Esta tag informa ao Facebook qual é o nome do seu site. Você realmente não precisa desta tag, mas não há mal nenhum em incluí-la.

<meta property=”og:site_name” content=”Marketing de Conteúdo“/>

FB:admins

Se você tem uma fan page no Facebook e deseja obter mais dados através do Facebook Insights, então você precisa utilizar esta tag. Ela “conta” para o Facebook que você é o proprietário do site e conecta seu Facebook à sua página.

<meta property='fb:admins' content=/>