Google Maps – custom Marker

Criei uma pequena solução muito básica para aplicar o Google Maps com um Marker customizado no seu website, siga o meu código ou faça o download da solução completa.

Google Maps

HTML

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Google Maps API - First Map</title>
		<link rel="stylesheet" href="style.css">
		<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
		<script src="http://maps.google.com/maps/api/js?sensor=false&language=pt"></script>
		<script src="scripts/map.js"></script>
	</head>
	<body>
		<div id="mapcont"></div>
	</body>
</html>

Ficheiro CSS

Crie um novo ficheiro CSS (neste caso “style.css”) ou adicione os styles do mapa a um css já existente no seu projeto.

Basicamente deverá definir a largura (width) e a altura (height) do ID do div correspondente ao mapa (neste caso “#mapcont”).

/* Altura e largura do mapa */
#mapcont {width:600px; height:350px;}

Ficheiro Javascript

Copie o seguinte javascript e configure tendo em conta os comentários presentes no mesmo.

var map = {
	theMap: 0,
	pin: 'images/pin.png',
	//Zoom inicial do mapa
	zoom: 17,
	//Latitude e Longitude do pin
	latpos: new google.maps.LatLng(38.693683, -9.311943),
	marker: 0,
	init: function() {
		//Aqui são definidas as opções do mapa (zoom, centro do mapa, tipo de mapa...)
		var mapOps = {
		    zoom: map.zoom,
		    center: map.latpos,
		    mapTypeId: google.maps.MapTypeId.ROADMAP
	  	}
	  	//O mapa é atribuído ao div com o id 'mapcont'
		map.theMap = new google.maps.Map(document.getElementById("mapcont"), mapOps);
		//O Pin é adicionado no mapa
		map.marker = new google.maps.Marker({
			position: map.latpos,
      		map: map.theMap,
      		icon: map.pin
  		});
	}
}
$(function () {
   map.init();
});

Faça o download com a solução completa

Google Maps V01

Irão sair novas versões com mais funcionalidades! Fique atento aos próximos artigos sobre Google Maps

Não está a conseguir colocar esta funcionalidade no seu website ou pretende algo mais complexo? Entre em contacto comigo.

Como funcionam os Motores de Busca

Começando pelo básico, um motor de busca é um sistema que através de queries realizadas pelo utilizador fornece um conjunto de resultados relacionados, cujo “único” objetivo é fornecer a informação que o utilizador realmente procura.

Se ainda não sabe o que é Search Engine Optimization, aconselho-o(a) a ler o meu primeiro artigo sobre SEO antes de continuar com a leitura deste.

As primeiras noções

Agora que já sabemos o que é Search Engine Optimization e o que é um motor de busca, vou-lhe apresentar alguns conceitos:

Crawler / Spider

Os crawlers (também chamados de spiders) são robots que navegam e “consomem” conteúdos na Internet, ou seja é um software que tem como objetivo vasculhar toda a web e colher esses mesmos resultados para que possam ser analisados e posteriormente classificados.

SERP

Search Engine Results Page (página de resultados de pesquisa) é uma lista de resultados em resposta a uma determinada query.

Query

Uma query é um conjundo de instruções (neste caso, palavras-chave) que permitem extrair dados de uma determinada base de dados, apresentando-os de forma adequada.

A indexação resume-se em 3 pontos

Depois de uma pequena introdução, vamos ao que realmente procura, mas como funcionam afinal os motores de busca? Como é que eles indexam um Website e o posicionam nas SERPs?

Funcionamento motor de busca

1. O Crawler encontra o website e faz o download do mesmo

Neste primeiro ponto, o crawler verifica a semântica da página, isto faz com que o mesmo saiba qual o conteúdo mais importante e verifica a acessibilidade da informação presente.

2. A informação é analisada, classificada e posteriormente indexada

O Crawler verifica todas as otimizações on-page (ligações internas, títulos, metas, conteúdo, performance…) e a popularidade da mesma (número de comentários, se é falada nas redes sociais, ligações de websites externos, taxa de rejeição, comportamento dos utilizadores, etc) e com estas avaliações todas, a página é classificada e posteriormente indexada.

3. Os resultados de pesquisa

Através de um algoritmo, os motores de busca obtêm as classificações de cada página Web e organizam os resultados com o objetivo de colocar nos primeiros lugares os conteúdos mais relevantes.

E finalmente, a minha conclusão

Para atingir bons rankings nos motores de busca, terá de criar Websites extremamente úteis para o nicho em que estão inseridos, de modo a que os leitores fiquem satisfeitos
e falem do mesmo.

Ao se tornar uma referência, também terá vários websites a criarem ligações para o seu, o que lhe ajudará bastante a subir nos resultados de pesquisa.

SEO – Tráfego Qualificado e mais Barato

O mercado mudou bastante nos últimos anos, hoje em dia quando os consumidores procuram algo (informações, produtos, locais…) dão preferência aos motores de busca em vez de jornais, livros, etc… Portanto, conquistar as primeiras posições nos motores de busca, é sem dúvida muito importante para o crescimento de qualquer negócio.

Existem duas maneiras de gerar tráfego nos motores de busca

Tráfego Qualificado, o que realmente rende!

Tráfego qualificado baseia-se exclusivamente em utilizadores com interesse efetivo no produto, serviço ou informação localizada numa determinada página web, possuem ainda uma maior predisposição para realizar uma acção/conversão.

PPC / Pay-per-click

Pay-per-click baseia-se numa forma de anunciar algo, onde o pagamento será contabilizado cada vez que algum possível cliente efetua um clique nesse mesmo anúncio.

Tráfego Orgânico VS Pay-per-click

  • PPC é instantâneo, ou seja, a sua campanha é aprovada e de imediato começa a aparecer nos locais de links patrocinados, enquanto no SEO poderá levar meses para aparecer nos primeiros lugares;
  • Em certas palavras-chave, para aparecer com frequência nos locais patrocinados, terá de pagar valores acima dos 2 euros ao clique, o que tornar-se-á bastante dispendioso; no SEO conseguirá controlar os seus orçamentos de forma muito mais eficaz;
  • Nos PPC possui maior controlo sobre as páginas que pretende divulgar, podendo cancelar de forma imediata, enquanto no SEO não terá tanto controlo.

Os utilizadores preferem tráfego orgânico

Apesar dos links patrocinados nos motores de busca estarem posicionados no topo e à direita da página, os utilizadores já perceberam que o que eles realmente procuram “irá estar” nos resultados orgânicos.

Percentagem do resultado orgânico e PPC

Apenas cerca de 30% dos utilizadores é que clicam nos links patrocinados, os outros 70% preferem resultados orgânicos!

Ou seja, um serviço de SEO é mais eficaz e barato

Já ouvi dizer bastantes vezes “SEO para quê? Se posso colocar o meu website no Google Adwords e estar sempre em primeiro?”, se também pensa assim, vou explicar-lhe a razão pela qual está errado:

  1. Imagine que pretende adquirir “rankings” utilizando PPC (Pagamento por Clique) e o seu objetivo será atingir 1000 visitas/dia, em média pagará entre 0,15 cêntimos a 2 euros por clique, tudo dependerá da concorrência das palavras-chave escolhidas;
  2. Pensando que obteve uma média de 0,30 cêntimos por clique, você vai gastar cerca de 300 euros/dia o que dá um total de 9000 euros por mês.

Através de serviços de otimização para motores de busca por um especialista, certamente que conseguirá preços mais amigáveis e a taxa de conversão será maior devido a serem visitas completamente orgânicas, conseguindo um melhor ROI (Retorno sobre investimento).

Sem dúvida alguma que a longo prazo é uma excelente aposta, está na hora de começar a tornar o seu projeto numa referência e começar a gerar as conversões que sempre pretendeu.

Possui uma opinião sobre os PPC vs SEO? Partilhe-a com um comentário!

Otimização para Motores de Busca – SEO

Search Engine Optimization (SEO) ou Otimização para os Motores de Busca trata-se de um conjunto de técnicas/estratégias que, quando aplicadas de forma correta, farão com que as suas páginas web consigam melhores posicionamentos orgânicos nos resultados de pesquisa.

Na minha própria visão, SEO é…

Uma estratégia que através da compreensão do comportamento do nosso target, nos permite alcançar tráfego orgânico com o objetivo de fidelizar os utlilizadores e gerar conversões.

Como são apresentados os resultados orgânicos no Google

Resultados orgânicos no Google

A verde podemos ver os resultados orgânicos e a vermelho os links patrocinados do Google Adwords.

Existem dois tipos de otimização

On-Page que, como o próprio nome indica, apresenta fatores internos que melhoram a qualidade do website e Off-Page que apresenta fatores externos ao website.

Fatores On-Page

  • Títulos e Meta Tags;
  • Semântica do HTML;
  • Qualidade do conteúdo apresentado;
  • Hiperligações internas entre conteúdos relevantes;
  • Velocidade da Página.

Fatores Off-Page

  • Quantidade de links externos e qualidade dos mesmos;
  • Textos âncora utilizados nos links externos;
  • Idade do domínio.

Existem muitos mais fatores de ranqueamento, os quais iremos explicar com exemplos práticos nos próximos artigos.

White Hat vs Black Hat

Existem dois tipos de especialistas em SEO, aqueles que são éticos (White Hat) e respeitam a concorrência, utilizando técnicas legais e os não éticos (Black Hat), que utilizam técnicas ilegais para atingirem os primeiros lugares nos motores de busca, em tempo recorde.

Neste momento já deve estar a pensar “Ok, vou utilizar Black Hat porque é mais rápido”, tire isso da sua cabeça pois hoje em dia os motores de busca já têm proteções para estes casos, possivelmente fica um dia ou dois no topo e logo depois verá o seu website banido.

A grande vantagem do SEO

Quando um utilizador pesquisa algo num motor de busca, o seu único objetivo é encontrar algo, seja informação, produtos, etc. No caso de o seu website estiver bem posicionado e fornecer o que os utilizadores realmente procuram, terá uma enorme taxa de conversões.

E mais conversões, significa mais dinheiro!

Siga o meu blog e continue a aprender SEO com os meus artigos, aproveite e deixe também a sua opinião agora mesmo!