Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Marcos Coelho2

Melhorar Estrutura do Site para buscadores

Por , em Desenvolvimento frontend

Recommended Posts

GabrielFerrari    41

GabrielFerrari
Postado

dei uma lida rápida no tópico e não vi referencia sobre os robots.txt que são muito importantes para o site

http://www.marketingdebusca.com.br/robots-txt/

 

Com ele você mostra o que pode ser indexado e o que não pode para os buscadores

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcos Coelho2    2

Marcos Coelho2
Postado

Já Tinha lido o artigo qdo outra pessoa me mandou aki no forum..

mas vou fazer uma nusca sobre as novidades que estao la

 

mas agora estou passando meu menu de flash para css e..

 

To com um problemao

 

tenho esse menu

http://zonadownload.com.br/zonadownload/menucss.htm

q usa esse css

 

#nav{

	width: 140px;
	float: center;
	left: 168px;
}

#nav a{
 color: #000033;

 background-color: #F0F0F0;
 display: block;
 padding: 3px;
 text-align: center;
 text-decoration: none;
 border: 1px #CCCCCC solid;
 font-weight: bold;	
}

#nav a:hover{
 background-color: #E0E0E0;
 display: block;

}

#nav ul{
list-style: none;
line-height: 15px;}

#nav h1 {
 color: #000000;
 font-weight: bold;
 font-size: 12px;
 text-align: center;
 padding: 2px;
 background-color: #FF9900;
 padding: 0px;
 margin: 0px;
}

/* ------------------------------------------------*/
#middle{
 background-color: #202020;
 width: 80%;
 float: right;
 border: 3px #336600 solid;
 }
}

#middle ul{
 padding: 25px;}

#copyright{
float: right;
font-weight: bold;
background-color: #222222;
width: 80%;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
border: 3px #339900 solid;
font-size: 12px;}
a {color: #343636;}
a:hover {color: #343636;}


	ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 145px;
	}
	ul li {
	position: relative;
	}
	ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

	
.style99 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
}

Quero colocar esse css nesse do site

http://www.zonadownload.com.br/zonadownload/style2.css

 

so q o ul e as outras tags ja foram declaradas tem como mudar?

 

como ficaria o css e o codigo pra esse menu??

 

já q passei o css vou passar o menu tmb

<div id="nav">
                
             <ul>
                    <li><a href="http://zonadownload.com.br/zonadownload/animes_desenhos/" class="style99">Animes/Desenhos </a></li>
                    <li><a href="http://zonadownload.com.br/zonadownload/cds/" class="style99">CDs</a></li>
                    <li><a href="http://zonadownload.com.br/zonadownload/celular/" class="style99" target="_blank" >Celular </a></li>
                    <li><a href="http://zonadownload.com.br/zonadownload/cursos/" class="style99">Cursos </a></li>
					<li><a href="http://zonadownload.com.br/zonadownload/dvds/" class="style99">DVDs </a></li>
					<li><a href="http://zonadownload.com.br/zonadownload/filmes/" class="style99">Filmes </a></li>
					<li><a href="http://zonadownload.com.br/zonadownload/jogos/" class="style99">Jogos </a></li>
					<li><a href="http://zonadownload.com.br/zonadownload/programas/" class="style99">Programas </a></li>
					<li><a href="http://zonadownload.com.br/zonadownload/series/" class="style99">Séries </a></li>
  </ul>
</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcos Coelho2    2

Marcos Coelho2
Postado

Consegui fazer o menu css e vo postar aki o codigo pra se alguem tiver a mesma duvida

 

#nav1{

	width: 140px;
	float: center;
	left: 168px;
}

#nav1 a{
 color: #1B1C48;

 background-color: #F0F0F0;
 display: block;
 padding: 3px;
 text-align: center;
 text-decoration: none;
 border: 1px #CCCCCC solid;
 font-weight: bold;	
}

#nav1 a:hover{
 background-color: #E0E0E0;
 display: block;

}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado

Antes de começar, quero lhe parabenizar: Sua evolução foi estrondosa! Tenho que elogiar também o empenho e a postura em alterar o fonte já existente, onde muitas pessoas optariam por refazê-lo do zero.

 

Agora às sugestões:

 

1. Seu doctype ainda não está no 1,1 do Site. Note que existem duas quebras de linha (provavelmente devido à blocos de linguagem server-side) e o mesmo entra depois. Algusn navegadores estarão renderizando seu site em quirks mode.

 

2. Logo no começo do script ainda existem estilos e códigos incorporados. Mova-os para jquerysetup.js e jquerydisplay.css e incorpore-os

3. Existe uma redundância na incorporação de scripts e de uma stylesheet:

<link href="style2.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="stylezona.css" type="text/css" media="all" /> 
<script type="text/javascript" src="slide.js"></script> 
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script> 
<script type="text/javascript" src="stepcarousel.js"> 
</script> 


</head>

<body>

<div id="wrapper">

	<div id="header">
      <div align="left"><br />
      </div>
        
	</div>
  <div id="container">
    <div id="menu">
	<div class="menu"><a href="http://www.zonadownload.com.br/zonadownload/">HOME</a></div>
	<div class="menu"><a href="http://zonadownload.com.br/zonadownload/contato">Contato</a></div>
	<div class="menu"><a href="http://zonadownload.com.br/zonadownload/anuncie">anuncie</a></div>
	<div class="menu"><a href="http://zonadownload.com.br/zonadownload/parceria">parceria</a></div>
	<div class="menu"><a href="http://zonadownload.com.br/zonadownload/zonalegendas/">Zona-Legendas</a></div>
</div>
 <div id="teste2">	

 <link rel="stylesheet" href="stylezona.css" type="text/css" media="all" /> 
<script type="text/javascript" src="slide.js"></script> 
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script> 
<script type="text/javascript" src="stepcarousel.js">
Deixe apenas o conteúdo que está na <head>

 

4. Você possui duas folhas - aparentemente - para o mesmo propósito: style2 e stylezona.css. Mescle-as

5. Existe uma certa polêmica quanto a isto, mas eu prefiro e recomendo. Separe o Javascript em duas camadas:

- Apresentação

- Comportamento

5.1 Apresentação: São códigos javascript que foram implementados para auxiliar na renderização do site (hacks para IE6 por exemplo)

5.2 Comportamento: São os efeitos de slide, onmouseover, accordion, enfim. Tudo que seria (técnicamente) dispensável, entra nesta parte

 

Devem ser postados assim:

<html>
<head>
<script type="text/javascript" src="scripts_de_apresentacao.js"></script>
</head>
<body>
...
...
...
...
...
<script type="text/javascript" src="scripts_de_comportamento.js"></script>
</body>
</html>

 

6. Faça em lista, o que é lista:

seu menu está postado como <div class="menu">item</div>

converta-o para:

<ul id="menu">
<li>item</li>
<li>item</li>
</ul>

a troca no CSS é fácil e indolor

antes

.menu { ... }

depois

#menu li { ... }

ainda existe o conteúdo do carrousel, que pode ser convertido em lista também:

antes

<div class='stepcarousel' id='mygallery'> 
<div class='belt'>
<div class='panel'> 
<a href='http://www.zonadownload.com.br/zonadownload/busca/index.asp?buscando=surpresa+em+dobro&submit=Pesquisa' title='Surpresa em Dobro'><img alt='Surpresa em Dobro' height='148' src='http://www.zonadownload.com.br/zonadownload/Surpresa_em_Dobro/old-dogs-poster.jpg' width='100'/> 
</a>

depois

<div class="stepcarousel" id="mygallery">
<ul class="belt">
<li><a href="..." title="..."><img .../></a></li>

no código do carrousel, troque

panelclass = 'panel'

por

panelclass = 'belt li'

7. Revise os links

Troque todas as url absolutas locais - http://www.zonadownload.com.br/XXXXXXXXX - pelo seu endereço relativo: XXXXXXXX

economiza caracteres e limpa o código

 

8. Revise as imagens

Você está linkando as miniaturas do carrousel para as imagens de tamanho real do post, atrasando o carregamento da galeria. Gere miniaturas das imagens, se possível com qualidade de 60%. Você vai ter imagens de 1 - 3kb agilizando em muito o carregamento da galeria

 

9. Aplique indentação

Algumas áreas do seu código estão muito confusas tornando quase impossível saber onde começa e onde termina um elemento.

 

Acho que por enquanto é só http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Anderson Narciso    3

Anderson Narciso
Postado

Não é apenas a estrutura que vai faze teu site estar bem posicionado no Google ou em qualquer outro motor de busca.. Mas sim uma boa otimização, seria mais fácil procurar informações na área adequada http://forum.imasters.com.br/index.php?/forum/263-seo/

 

Uma prova de que nem sempre é a estrutura que manda é.. entre no google e digite as palavras chaves "Filmes torrent" sem aspas, meu site/blog é o primeiro da lista "Br Torrents", está bem posicionado, mas a estrutura dele não é totalmente boa, não é nem válida no W3C, vários plugins e gambiarras dificultam cada vez mais a validação, mas é apenas um prova que nem sempre estrutura é quem manda!

 

Flws!

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

Estou fazendo as alteracoes e logo colocarei no ar...

 

Vcs consideram que esse site tem uma boa estrutura para os buscadores?

http://www.rededownload.com/

 

Estou pensando colocar algumas coisas da estrutura desse site no meu

 

Vlw

 

 

Marcos Coelho2

 

Pedimos que não poste mensagens com o intuito de evidenciar seu tópico pois vai de encontro a regra número 5 do fórum:

 

05ª - Post UP!

Favor não postar mensagens com o objetivo de evidenciar o tópico, tornando-o primeiro da lista de tópicos (up), tal como mensagens repetitivas e/ou que não condizem com o assunto do tópico em questão (flood).

 

*post up/duplicado removido.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

GabrielFerrari    41

GabrielFerrari
Postado

Uma prova de que nem sempre é a estrutura que manda é.. entre no google e digite as palavras chaves "Filmes torrent" sem aspas, meu site/blog é o primeiro da lista "Br Torrents", está bem posicionado, mas a estrutura dele não é totalmente boa, não é nem válida no W3C, vários plugins e gambiarras dificultam cada vez mais a validação, mas é apenas um prova que nem sempre estrutura é quem manda!

SEO tem que ser visto no site todo e não se matar para deixar 1 ponto bom...

Fazendo um conjunto de itens necessários você poderá ter uma boa SEO mesmo não tendo nada 100%

 

Como é o exemplo citado no quote.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcos Coelho2    2

Marcos Coelho2
Postado

Thelon

Vi essa resposta ao topico

http://forum.imasters.com.br/index.php?/topic/388993-quero-confirmar-se-entendi-como-funciona-os-buscadores/

e esse programa le corretamente o meu site

oq isso significa?

posso concluir que os buscadores nao tem problemas em ler meu site para ele ficar bem posicionado?

Compartilhar este post

Link para o post
Compartilhar em outros sites

GabrielFerrari    41

GabrielFerrari
Postado

Basicamente...

Com ele você consegue entender como o buscador está vendo seu site

E consegue ver onde precisa melhorar ou retirar.

 

Porém você não pode pensar em seu site apenas para os buscares e sim para os usuários também

Cada vez mais os buscadores estão analisando coisas que os usuários iriam preferir então algumas

técnicas que foram feitas apenas para eles podem acabar sendo vista de uma forma ruim.

 

Agora é bom reforçar que você não verá seus resultados em pouco tempo

O prazo para você analisar o que foi feito e o que deve ser melhorado é em torno de uns 3 meses

Sempre siga as estatísticas e os programas de analise do site e a cada 3 meses veja o que está faltando

e o que pode ser demorado

 

A indexação da página assim como a frequencia de atualização pode ser morada por isso é necessário

um bom período para analise.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito