DICAS DE HTML
Dicas e macetes para melhorar e otimizar seu site.
Baixe aqui o código
de rotação de banners, textos, etc...
Entenda como funcionam os códigos que os sites onde você se
cadastrou te enviam ou pedem para você usar em sua
publicidade.
É
simples, estes códigos na verdade são partes do código fonte,
o mesmo utilizado na construção dos websaites e servem para
que seus futuros clientes vejam esta pequena parte do seu
site ou do seu site patrocinador.
Banner é o nome
dado a uma pequena imagem ou texto que pode ter vários
tamanhos, os mais utilizados são os 468x60 e ou 120 x 60
-
VÁ ATÉ A PÁGINA
DE HOMEPAGES DO SEU PROVEDOR
.
.
EXEMPLOS DE SITES GRATUITOS :
Entre com seu login e senha e
acesse o gerenciador de arquivos e clique em abrir .
-
Procure entre
os arquivos o que tem o nome de index.html ou index.htm
ou o qualquer arquivo com terminação (.html) onde se
quer colocar o banner.
-
Selecione-o e clique em
editar
-
Copie o código
fonte do banner
Exemplo:
<!-- Início do Código -->
<a href="http://www.newpbw.com.br/hp.php?pbw=qvu602" target="_blank"><img border="0"
src="http://www.newpbw.com.br/banners/banner_pbw_preto.gif"
alt="Programa Business Webmarketing"></a>
<!-- Fim do Código -->
e cole no local de sua preferência.
Obs: você só
poderá editar a página se
você for o gerenciador
. Se a página for gerenciada por outra pessoa
solicite a ela para configurar. OK!!!
Banner rotativo. A cada
abertura de páginas aparece um banner diferente
<--inicio do código-->
<script
language="Javascript">
hoje = new Date()
numero_de_imagens = 3
segundos = hoje.getSeconds()
numero = segundos % numero_de_imagens
if (numero == 0){
banner = "http://www.seusite.com//banner1.gif"
link = "http://www.listfire.com/48897"
alvo = "out"
texto= "Lista livre de spam"
}
if (numero == 01){
banner = "http://www.seusite.com/promobanner03.gif"
link = "http://www.publipt.com/pages/index.php?refid=silviobr"
alvo = "out"
texto= "Ganhe dinheiro lendo e-mail"
}
if (numero == 02){
banner = "http://www.seusite.com/powerlist.gif"
link = "http://www.powerlist.rg8.net/?ID=ganhonline"
alvo = "out"
texto= "Divulgação gratuita"
}
if (numero == 03){
banner = "http://www.seusite.com/megaterremoto2.gif"
link = "http://www.megaterremoto.com/index.asp?ID=sasnews"
alvo = "out"
texto= "Divulgação gratuita"
}
document.write('<a href="' + link + '" target="' + alvo +
'"><img src="' + banner + '" alt="' + texto + '" width="468"
height="60" border="0"></a>')</script>
<--fim do código-->
As partes em
vermelho são as únicas que você
deve mexer.(Obs: Não corrija acentuação no código)
Para mais códigos deste tipo Envie e-mail
clique aqui!
1º SIGA
O PASSO ANTERIOR PARA ACESSAR A ÁREA DE EDIÇÃO DA PÁGINA
No arquivo index.html, ou em outro html da
sua preferência e insira a tag.
<a href=" ">
EXEMPLO: <a href="endereço ou
nome do arquivo">NOME DO LINK OU ENDEREÇO DA FIGURA</a>
digite o nome do arquivo exatamente igual respeitando
maiúsculas e minúsculas o ponto e a extensão do arquivo. Ex:
figura.gif ou
Figura.jpg
Obs:
Caso queira que o link abra em uma outra janela, para que a
pessoa não saia da sua página quando clicar no hiperlink.
Coloque a seguinte clausura: target="_blank" logo depois das
aspas no final do nome do arquivo.
EXEMPLO; <a href="endereço ou
nome do arquivo" target="_blank" >NOME DO ARQUIVO</a>
COMO INSERIR FIGURAS NA
PÁGINA.
1º SIGA O PASSO ANTERIOR PARA
ACESSAR A ÁREA DE EDIÇÃO DA PÁGINA
No arquivo index.html, ou em outro html da
sua preferência e insira a tag.
<IMG SRC=" ">
EXEMPLO: <IMG SRC="endereço ou nome do
arquivo.gif, jpg, png"> digite o nome do arquivo exatamente
igual respeitando maiúsculas e minúsculas o ponto e a
extensão do arquivo. Ex: figura.gif,
figura.jpg, figura.jpeg, figura.png
A seguir, algumas dicas que
você deve utilizar em suas páginas:
-
Título - A tag <TITLE> contém o texto que é exibido na barra
superior do navegador. Alguns mecanismos de busca utilizam
essa informação para exibir uma descrição do site durante a
procura. Nunca deixe as páginas sem título e utilize frases
objetivas e palavras-chave, com o resumo do conteúdo do site.
Primeiras linhas - para aumentar o potencial de busca, os
robots verificam principalmente os
primeiros 200 ou 300 caracteres da página. Sendo assim, o
início do texto também deve ser bem detalhado e claro, mas ao
mesmo tempo objetivo.
Imagens - Com as imagens não é diferente, acrescente o
atributo ALT para descrever o que o visitante encontra na
imagem. A tag dessa imagem ficaria da seguinte forma:
<img src=www.gif alt="Livro www.site.com.br
Ganhe dinheiro na Internet">
META tags - Algumas informações exibidas durante a busca
podem ser retiradas de marcações especiais. Os META tags trazem informações de cabeçalho,
como as palavras-chave, descrição e autor. Você deve
acrescentá-los antes dentro da tag
<head>
meta tag aqui!
</HEAD>
como no código a seguir. Nas palavras-chave é possível
definir mais de 200 palavras. Porém, alguns sites de busca
utilizam um limite bem menor. Por isso, sempre coloque as
palavras de maior importância no início e não utilize a mesma
palavra por mais de três vezes.
<html>
<head>
<META NAME="TITLE" CONTENT="xxxxxxxxxxxxxx">
<META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxx">
<META NAME="KEYWORDS" CONTENT="xxxxxxxxxxxxx">
<META NAME="OWNER" CONTENT="email@provedor.com">
<META NAME="AUTHOR" CONTENT="Seu nome">
<META HTTP-EQUIV="CONTENT-LANGUAGE" CONTENT="Português
(portuguese)">
<META NAME="CATEGORY" CONTENT="Internet-E Commerce">
<META NAME="RATING" CONTENT="Geral">
<META NAME="REVISIT-AFTER" CONTENT="7 dias">
<META NAME="ROBOTS" CONTENT="index,follow">
<title>Renda extra</title>
</head>
Saiba mais sobre o assunto
comprando o e-book:
Dominando
os sites de busca
Para mais códigos deste tipo ou
informações Envie e-mail
clique aqui!
|
