5 dicas simples para seu conteúdo fazer bonito nas redes sociais

É do interesse de todo publicador de conteúdo distribuir o seu material de forma atrativa nas redes sociais. No BuzzVolume são exibidos alguns metadados das páginas populares no Twitter, como título, descrição, thumbnail, ícone do domínio.

Estes dados são extraídos de diversas formas, mas alguns padrões são seguidos por diversas redes sociais (como Facebook, Digg, Orkut e Google Buzz), adotá-los no seu site é simples.

1 - Título

É um princípio básico, mas muitos sites ainda não definem um título único para cada página do site. Para isto, basta definir corretamente o elemento <title> no seu HTML.

Exemplo de página em que o <title> não representa o conteúdo

Também evite títulos enormes, como neste caso.

2 - Favicon

O ícone do site exibido pelos navegadores também ajuda os usuários de redes sociais a identificarem sites de confiança em meio a tantos outros. Muitos navegadores procuram por esta imagem na raiz do seu domínio sob o nome de favicon.ico, mas também é possível utilizar a tag <link> com rel=”shortcut icon” da seguinte forma:

<link rel=”shortcut icon” href=”http://www.example.com/myicon.ico”/>

Veja como o site do Globo Esporte faz uso deste recurso para exibir o brasão de cada time

Saiba mais: Favicon na Wikipedia

3 - Permalink

Muitas vezes há diferentes URLs do seu site que levam ao mesmo conteúdo. Para indicar a URL principal, utilize a tag <link> com rel=”canonical” desta forma

<link rel=”canonical” href=”http://www.example.com/product.php?item=swedish-fish” />

Diversos sites e gerenciadores de conteúdo fazem uso deste recurso, como YouTube, Amazon e WordPress.

Saiba mais: Specify your canonical

4 - Description

Apesar da tag <description> não ser usada como fator para posicionamento nos principais buscadores, ela é usada na listagem das páginas tanto em buscadores, como em redes sociais.

Saiba mais: Google does not use the keywords meta tag in web ranking

5 - Thumbnails

Definir uma imagem que será exibida quando a sua página for compartilhada em redes sociais atrai o olhar dos usuários, chamando atenção para seu conteúdo. Para definir um thumbnail, basta seguir o exemplo abaixo:

<link rel=”image_src” href=”thumbnail_image.png” / >

Saiba mais: Facebook Share/Specifying Meta Tags

Bonus - Feeds

Algumas redes sociais são alimentas pelos feeds do sites. Para tornar seu feed RSS mais atraente há o Media RSS Module, que permite a inclusão de uma série de metainformação para quem disponibiliza conteúdo multimídia.

Saiba mais: Media RSS Module - RSS 2.0 Module