Agora ficou fácil confirmar as cores em html que existem em uma imagem, através do site Big Huge Labs, você carrega a sua imagem e ele prontamente lhe fornece uma paleta com o código html das cores existentes na imagem.

O site esta em inglês, mas é bem funcional e atualmente temos o navegador do Google Crome para auxiliar na tradução, acesse http://bighugelabs.com/colors.php e escolha ou faça upload de uma foto e uma paleta de cores baseada nas cores da foto será gerada automaticamente. Use-o para ajudar com projetos de arte, design do site, ou mesmo com decorar a sua casa.

Mas existe outra forma de organização e classificação de informações extremamente comum na internet e na Web 2.0, que utiliza palavras-chave para relacionar informações semelhantes. Essas palavras-chave são conhecidas como Tags ou metadados. Metadados são dados usados para classificar e organizar arquivos, páginas e outros conteúdos.

“Tag” em inglês quer dizer etiqueta. As tags na internet são palavras que servem justamente como uma etiqueta e ajudam na hora de organizar informações, agrupando aquelas que receberam a mesma marcação, facilitando encontrar outras relacionadas.

Esse sistema de classificação não é novo e já era utilizado em bibliotecas para organizar livros em temas semelhantes. Se alguém queria procurar livros sobre “criação de gatos”, por exemplo, bastava procurar por essa palavra-chave.

Atualmente, na internet, as tags são relacionadas a diferentes conteúdos, como páginas de sites, postagens de blogs, fotos, programas para download, links e marcadores e até mesmo nas micro-mensagens do twitter e nos sistemas de busca como o Google.

Tags em sites e blogs

A forma mais comum de utilizar as tags é relacionar textos na internet. Em um mesmo site, blog ou serviço de blogs (como o WordPress.com), ao escrever um texto e relacioná-lo a uma tag, faz-se com que todos os textos que são relacionados a essa tag possam ser encontrados mais facilmente.

Imagine que você encontrou um texto que fala sobre criação de gatos. Ao final do texto, você encontra a palavra chave “gato”. Ao clicar sobre essa palavra, você encontra outros textos relacionados à essa palavra, como uma resenha do filme Garfield, ou ainda um artigo sobre diferentes raças de gatos.

Nos sites e nos blogs, as tags costumam aparecer em “nuvens de tags”, ou uma lista ou coleção aparentemente aleatória das tags que mostram, a partir do tamanho das palavras, quais as tags mais utilizadas. Cada tag aqui serve como link para a lista das postagens e artigos que utilizam aquela tag.

Tags em fotos e programas para download

Outra forma muito utilizada é para organizar  fotos e programas para download. Imagine que é mais fácil encontrar um determinado texto pela palavra, pois ele pode conter em seu corpo tal palavra. Mas uma imagem ou arquivo de programa já é mais complicado, pois não há nada que seja passível de busca (a não ser questões técnicas de tamanho e formato). Mas alguns serviços, como o Flickr ou o Fotolog para imagens e o Baixaki para programas, permitem relacionar palavras-chave a esses arquivos. As tags servem aqui como etiquetas e ajudam na busca por outras fotos e arquivos também “etiquetados” com a mesma palavra.

Tags no Twitter

Uma outra forma muito utilizada para agrupar informações é colocar tags em postagens no Twitter. Esse sistema de microbloging permite que, dentro dos 140 caracteres de texto sejam colocadas tags que servirão como atalhos de busca para encontrar outros “twits” com a mesma tag. Mas para que tanto o twitter quanto seus usuários reconheçam determinada palavra como uma tag, coloca-se o sinal “#” na frente, formando o que se chama de hashtag. Em inglês, o sinal “#” recebe o nome de hash.

#hashtags

Hashtags são amplamente usados para ajudar a encontrar outros termos relacionados. Vários programas para Twitter, como o TwitterFox, o TweekDeck e o Twhirl já transformam as hashtags em links para o twittersearch, bastando um clique sobre ela para abrir em seu browser a página de busca por micro-postagens com a mesma hashtag.

Tags no Google

Talvez o uso mais importante de tags seja pelo Google. Atualmente, toda página tem em sua estrutura ou código HTML uma lista de tags que ajudam os sistemas de busca a organizar o conteúdo daquele site de acordo com temas semelhantes. Isso economiza tempo e capacidade de processamento na busca, pois evita que o sistema procure por todas as palavras de um site, focando principalmente nas palavras-chave.

Não seria prático para buscadores na internet classificar o conteúdo da web hierarquicamente e é necessário uma forma dinâmica para mostrar não só a página que você procura como também outras páginas com conteúdo semelhante. A melhor forma é utilizando tags. O Google também utiliza as tags relacionadas aos textos e imagens para facilitar a indexação do conteúdo e o resultado das buscas.

Vantagens e desvantagens

A maior vantagem das tags é a facilidade em classificar informações. Isso é extremamente útil em serviços como o Flickr e o Delicious. Este último organiza links a partir das tags relacionadas aos links, facilitando que usuários encontrem páginas semelhantes a partir das tags relacionadas.

Porém, isso traz uma desvantagem grande que é a falta de critério na utilização das tags. A palavra “rosa”, por exemplo, pode ser usada tanto como etiqueta em uma foto de uma rosa, em um vídeo no youtube do trailer do filme da Pantera Cor-de-rosa ou ainda um conto sobre como uma camisa branca ficou rosa depois de lavada. Isso pode trazer confusão na hora de encontrar mais conteúdo relacionado, justamente pelos diferentes significados que uma mesma palavra pode ter.

Conclusão

Com o crescimento da Web 2.0 ou mídias sociais, onde muita informação é criada e comentada pelo usuário, as tags tornaram-se muito populares. Elas permitem que tanto criadores de conteúdo quanto usuários possam relacionar diferentes temas, criando teias de conhecimento. E atualmente, é justamente essa rede de ideias que faz com que a internet seja uma ferramenta tão fascinante!

Meta Tags são comandos implementados no código das páginas web para passar instruções ao Google e demais sites de busca. É possível dizer aos robôs quais páginas devem ou não ser indexadas, qual a descrição da página a ser exibida nos snippets da tela de resultados ou simplesmente informar qual a pessoa responsável pelo desenvolvimento da página. Na verdade, é possível criar qualquer tipo de meta tag a caráter de documentação, que simplesmete serão ignorados pelos robôs.

Como visualizar os Meta Tags

Os meta tags ficam “escondidos” de nossos olhos quando visualizamos as páginas em nossos browsers.

O jeito mais fácil de visualizá-los é exibindo o código fonte da página. No Internet Explorer, basta clicar com o botão direito em alguma área livre da página e escolher a opção “Exibir código fonte da página” ou ”View Source” .

Os meta tags encontram-se na área inicial do código da página, dentro da seção HEAD.

Verifique nossa seção do tutorial Ferramentas SEOe escolha uma ferramenta que permita visualizar mais facilmente as meta tags de sites.

Estes são alguns dos Meta Tags mais utilizados em otimização de sites:

• meta name=”description”
• meta name=”keywords”
• meta name=”expires”
• meta name=”robots”

Meta Tags mais importantes para SEOs

Os Meta tags devem ser criados individualmente para cada página, permitindo aos sites de busca identificar claramente qual o assunto daquela página. O campo TITLE e o meta tag=”description” são geralmente exibidos nos resultados do Google na linha de título (TITLE) e nos snippets, as 2 linhas de descrição logo abaixo (meta tag=”description”). Por isso, procure escrever esses comandos de uma forma agradável de ser lida a pessoas, e não simplesmente repetindo palavras-chave com o intuito de aparecer bem posicionado no Google.

Nota: Em elguns casos, o Google exibe a descrição do site DMOZ no lugar da meta name=”description”. Em outros casos, pode ser exibido conteúdo da própria página.

TITLE

O campo Title não é uma meta tag, mas é o mais importante comando em uma página web. Crie um conteúdo que descreva de forma sucinta o conteúdo da página e utilize, de preferência no começo da frase, a palavra-chave mais importante dessa página.

Exemplo: <title>Climatempo – Previsão do Tempo | Meteorologia e Notícias em Tempo Real</title>

meta name=”description”

É a meta tag que geralmente define a descrição exibida no snippet do Google, conforme figura acima. Esta meta tag não ajuda no posicionamento do site, por isso não é necessário colocar aqui todas as suas palavras-chave. Descreva o conteúdo da página de uma forma que as pessoas tenham vontade de clicar nela, e aumente com isso a visitação de seu site.

Exemplo: <meta name=”description” content=”Climatempo – A melhor previsão do tempo para o Brasil.”/>

meta name=”keywords”

Há muitos anos atrás, os robots dos sites de busca tinham enorme dificuldade em interpretar a relevância de sites para determinadas palavras-chave, e utilizavam o conteúdo desta meta tag para ajudá-los a entender o conteúdo das páginas. Rapidamente webmasters perceberam que bastava incluir uma infinidade de palavras nesta tag para aparecer nas buscas e palavras das quais sequer tinham conteúdo no site.

Por isso, praticamente nenhum site de busca sério utiliza esta meta tag em seu algoritmo. Pelo contrário, uma meta name=”keywords” repleta de palavras repetidas e sem vínculo com o site pode levantar suspeitas de que esse site está tentando burlar os algoritmos. Procure usar umas poucas palavras que descrevam o conteúdo da página para ficar tranquilo.

Exemplo: <meta name=”keywords” content=”climática, previsão climática,desenvolvimento, tempo, clima,”/>

meta name=”robots”

Este meta tag foi criado para passar orientações aos robots. A sintaxe mais comum é:

<meta name=”robots” content=”index, follow”>

Existem diversos parâmetros que podem ser passados aos robôs:

• index: indexe esta página – exiba-a em seus resultados de busca;
• noindex: não indexe esta página – não a exiba nos resultados de busca. Útil para páginas de login, intranet;
• follow: siga os links desta pagina para descobrir novas páginas (reveja Googlebot, robots);
• nofollow: nenhum dos links desta página deve ser seguido;
• nosnippet: não mostre a descrição da página nos resultados de busca;
• noodp: orienta o Google não utilizar a descrição do DMOZ em seus resultados (snippet);
• noarchive: não mostre o link para o cache desta página;
• noimageindex: não indexe nehuma imagem que estiver nesta página.

Leitura recomendada

http://www.google.com/support/webmasters/bin/answer.py?answer=79812

Chaves Vírus do Bradesco. Não às digite!!!

O texto da imagem do vírus acima segue abaixo para sua melhor leitura:

Chave de Segurança Bradesco
Preencha os campos abaixo com os valores de todas colunas contendo as chaves numéricas indicadas no verso de seu cartão. Este procedimento é unico, após o correto preenchimento, apenas uma posição por vez lhes será solicitado(a) a cada acesso ao Internet Banking. Utilize sua senha do cartão através do teclado virtual para validar as informações e clique em Avançar para concluir o acesso com segurança.
Confira atentamente cada posição.

É realmente uma descaração, o sistema lhe pede todos os códigos de segurança inclusive as senha de 4 digitos e de 6 dígitos e você realmente pensa que esta dentro do site do banco, mas na realidade se trata de um vírus com o IP mascarado, onde identificamos o IP (200.155.86.34) onde em consulta no link http://www.ip-adress.com/ip_tracer/200.155.86.34 verificamos as seguintes informações:

200.155.86.34 IP address location & more:
IP address [?]:	200.155.86.34 [Whois] [Reverse IP]
IP country code:	BR
IP address country:	Brazil
IP address state:	n/a
IP address city:	n/a
IP address latitude:	-10.0000
IP address longitude:	-55.0000
ISP of this IP [?]:	BANCO BRADESCO SA – MATRIZ
Organization:	BANCO BRADESCO SA – MATRIZ
Host of this IP: [?]:	200-155-86-34.bradesco.com.br[Whois] [Trace]

É mole! O IP parece ser do próprio Bradesco e acessamos diretamente do navegador e em dois computadores diferentes o que nos leva a crer em uma invasão bancária.

Na verdade se trata de um cache do próprio navegador de Internet, onde o mesmo se instala quando você tenta acessar o site do Bradesco exibindo a seguinte imagem:

Para corrigir o problema você deve limpar o Cache de seu navegador, sendo no Crome clique no simbolo da ferramenta que fica no topo do navegador a sua direita logo abaixo do x, o mesmo x que você utiliza para fechar o navegador, no menu que abrir clique em “Configurações” e em seguida a sua esquerda clique em “Configurações avançadas” e por fim, clique em “Limpar dados de navegação…” Selecione em “Eliminar os seguintes itens de:” o item “desde o começo” e clique em “Limpar dados de navegação” agora bastará aguardar e tentar um novo acesso que deverá ser semelhante a imagem abaixo:

Ao Banco Bradesco solicitamos medidas para acabar com estes tipos de fraudes, às autoridades nos dispomos a auxiliar com nossas informações para que um número menor de usuários seja lesados e aos usuários deixamos o alerta para que não caiam neste golpe, qualquer fato diferente ligue para o 0800 que estiver no seu cartão e não no 0800 do site que pode ser um fraude, aos ladrões o que criaram isto recomendamos que utilizem seus conhecimentos em prol da evolução humana, pois nem se vivessemos 1000 anos, não teríamos motivo para pisar sobre as cabeças de nossos semelhantes para nos beneficiar, seja na forma que for.

Estamos de olho!!!

Para usar esse relógio, copie o código abaixo e cole em seu site ou blog.

Para usar esse relógio, copie o código abaixo e cole em seu site ou blog.

Primeiramente você deverá ter uma conta no Hotmail.

Passo 1 – Acesse o site http://settings.messenger.live.com/applications/WebSettings.aspx

Passo 2 – Faça o login com o sua conta no Hotmail.

Passo 3 – Marque a caixa  “permitir que as pessoas vejam o seu status do Messenger em sites e enviem mensagens para você”. Marque esta opção para que seu status não apareça sempre OFFLINE.

Passo 4 – Clique em “Salvar”.

Passo 5 – Clique na guia “Criar HTML” e escolha suas preferências.

Passo 6 – Copie o HTML que será gerado e cole na página que quiser.

Pronto, seu sistema de  Atendimento Online está pronto para ser utilizado.

Em caso dúvidas nosso suporte esta a inteira disposição para clientes Multgold.

Código a ser copiado:

<script src=”http://multgold.com/tripleflap.js” type=”text/javascript”></script> <br /> <script type=”text/javascript”>  var birdSprite=’http://paginasdaweb.com/paginasdaweb.png’;  var targetElems=new Array(‘img’,'hr’,'table’,'td’,'div’,'input’,'textarea’,'button’,'select’,'ul’,'ol’,'li’,'h1′,’h2′,’h3′,’h4′,’p',’code’,'object’,'a’,'b’,'strong’,'span’);  var twitterAccount = ‘http://paginasdaweb.com.br/’;  var twitterThisText =”;  tripleflapInit();  </script><br /> <br /> <br /> <br />

Caso tenha alguma dúvida ou dificuldade a Equipe Multgold lhe ajudará gratuitamente, para isto basta comentar abaixo ou solicitar através do e-mail suporte@multgold.com

CLIQUE NO BANNER PARA VISUALIZAR O TAMANHO REAL

Devido várias solicitações preparamos um código em JavaScript para que você Cliente Multgold ou não, possa adicionar banner rotativos com facilidade em seu WebSite Profissional, podendo tornar o mesmo muito mais rentável com a inserção e comercialização de publicidades. Para que possa compreender o código selecionamos onde deve ser alterado identificando através das seguintes cores e edições. 

Verde – Endereço para onde o visitante será levado após clicar no banner. 
Vermelho – Nome do site ou algo que o descreva.
Laranja – Endereço completo de onde está o banner.
Azul – Dimensões dos banners em pixels.
Roxo – Se desejar que o link abra na mesma página, altere este parâmetro para parent
<script language=”JavaScript”>
var how_many_ads = 2;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt=”";
url=”http://www.multgold.com“;
alt=” Inclusão Digital e Social “;
banner=” http://ww4.com.br/guiab/wp-content/themes/ClassiPress/images/468×60-banner.gif “;
width=”468“;
height=”60“;
}
if (ad==2) {
txt=”";
url=”http://www.paginasdaweb.com.br“;
alt=”Paginas da Web“;
banner=” http://paginasdaweb.com.br/images/Banner_Paginas_da_Web_468x60.gif“;

width=”468“;
height=”60“;
}
document.write(‘<center>’);
document.write(‘<a href=\”‘ + url + ‘\” target=\”_blank\”>’);
document.write(‘<img src=\”‘ + banner + ‘\” width=’)
document.write(width + ‘ height=’ + height + ‘ ‘);
document.write(‘alt=\”‘ + alt + ‘\” border=0><br>’);
document.write(‘<small>’ + txt + ‘</small></a>’);
document.write(‘</center>’);
// End –>
</script>
O código anterior foi preparado para a inserção de dois banners aleatórios, caso deseje adicionar um outro banner, selecione o código seguinte e insira o mesmo após a chave }
if (ad==2) {
txt=”";
url=”http://www.multgold.com“;
alt=” Inclusão Digital e Social “;
banner=”http://ww4.com.br/guiab/wp-content/themes/ClassiPress/images/468×60-banner.gif “;
width=”468“;
height=”60“;
}
Após a inserção o mesmo ficará semelhante ao código abaixo descrito:
<script language=”JavaScript”>
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt=”";
url=”http://www.multgold.com”;
alt=” Inclusão Digital e Social “;
banner=” http://ww4.com.br/guiab/wp-content/themes/ClassiPress/images/468×60-banner.gif “;
width=”468″;
height=”60″;
}
if (ad==2) {
txt=”";
url=”http://www.paginasdaweb.com.br”;
alt=”Paginas da Web”;
banner=” http://paginasdaweb.com.br/images/Banner_Paginas_da_Web_468x60.gif”;
width=”468″;
height=”60″;
}
if (ad==3) {
txt=”";
url=”http://www.multgold.com”;
alt=” Inclusão Digital e Social “;
banner=” http://ww4.com.br/guiab/wp-content/themes/ClassiPress/images/468×60-banner.gif “;
width=”468″;
height=”60″;
}
document.write(‘<center>’);
document.write(‘<a href=\”‘ + url + ‘\” target=\”_blank\”>’);
document.write(‘<img src=\”‘ + banner + ‘\” width=’)
document.write(width + ‘ height=’ + height + ‘ ‘);
document.write(‘alt=\”‘ + alt + ‘\” border=0><br>’);
document.write(‘<small>’ + txt + ‘</small></a>’);
document.write(‘</center>’);
// End –>
</script>

Atenção! Adicionando outros banners, será necessário alterar os números marcados em amarelo acima, na ordem que é mostrada, sendo que cada banner a mais representa um número a mais em ordem crescente.

O código é open source, ou seja, é um código aberto e gratuito, onde você poderá alterá-lo, melhorá-lo ou apagá-lo, caso tenha dificuldades ou em caso de dúvidas para esta ou outras questões a equipe Multgold se encontra a disposição em prol da Inclusão Digital e Social de Produtos, Serviços e Brasileiros. Nossa equipe efetua as alterações desejadas em seu WebSite na contratação dos serviços de ECI – Edição de Conteúdo e Imagem, efetuamos toda a avaliação técnica de todo o seu Sistema na Web gratuitamente.

A primeira forma de ampliação é pressionar a tecla Ctrl (Control) de seu teclado e mantendo-a pressionada, pressione também a teca + (mais) para ampliar e – (menos) para reduzir, as teclas + e – costumam ficar junto ao teclado alfa numérico.

A segunda opção para ampliar o conteúdo da Web é semelhante à anterior, onde mantendo pressionada a tecla Ctrl (Control) de seu teclado, gire o rolon de se mouse, para cima para ampliar ou para baixo para reduzir, caso seu mouse não tenha rolon, utilize a opção anterior.