Ir para conteúdo

POWERED BY:

Arquivado

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

Scaico

: Estrutura para SEO vs. Includes

Por , em Desenvolvimento frontend

Recommended Posts

Scaico    0

Scaico
Postado

Acabei de ler em nesse artigo que é importante definir um Title e Metatags diferentes em cada página do seu site:

Isso traz mais relevância às páginas e aumenta o alcance dos termos e palavras chaves. Tente fazer uma descrição e títulos relativos ao assunto abordado na página.

Ok. De acordo.

 

Minha questão é:

 

Eu costumo pegar tudo que fica entre as tags <head> dos meus sites e salvar em um arquivo chamado "header.asp", para jogar com um include no começo do código.

Ex:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sistems do Brasil - Tecnologia e Controle de Acesso</title>
<script src="css/submenu.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript" src="css/lytebox.js"></script>
<link href="css/lytebox.css" rel="stylesheet" media="screen" type="text/css" />
<link href="css/estilos.css" rel="stylesheet" media="screen" type="text/css" />
<link href="css/menu.css" rel="stylesheet" media="screen" type="text/css" />
<link href="css/submenu.css" rel="stylesheet" media="screen" type="text/css" />
</head>

Desse modo, todas as minhas páginas possuem o mesmo Title e Metatags (que, inclusive, eu admito não ter usado ainda, mais por esquecimento do que por qualquer outro motivo).

 

De que maneira eu poderia resolver isso?

Eu poderia deixar essas tags FORA do arquivo "header.asp" e inserir manualmente em cada página, depois da tag </head>... Até onde me lembro, funcionaria do mesmo jeito, mas eu acredito que isso seja semanticamente incorreto (e talvez nem valide).

 

Uma solução que me parece meio "Gambiarra" seria criar o "header1.asp" contendo o Doctype, o xmnls, e a tag <head>... depois viria manualmente o Title e as Metas de cada página e depois o "header2.asp" contendo os links para javascripts e folhas de estilos, finalizando com a tag </head>.

 

Alguém tem alguma idéia/sugestão/solução menos bizarra?

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Gerar dinâmicamente uai.. você tem uma linguagem server-side ao teu dispor ai.

Em php, eu já fiz assim:

<?php
$title = '- Tecnologia e Controle de Acesso';
?>
<title>Sistems do Brasil <?php echo $title; ?></title>
E o mesmo para as metatags.. assim você não precisaria desmembrar o header. Como você faz os includes?

é através de parâmetros na URL?

 

Se for, é igualzinho oq fiz aqui =]

Compartilhar este post

Link para o post
Compartilhar em outros sites

Scaico    0

Scaico
Postado

Hehehehe.

Eu tenho uma linguagem server-side ao meu dispor, mas eu admito que só uso ASP por causa do include. Não entendo de programação asp/php.

 

Um exemplo de como eu uso os includes:

<!--#include file="header.asp"-->
<body id="bodylinks">
<!--#include file="topo.asp"-->
<div id="conteudo">
blablablablabla
</div>
<!--#include file="rodape.asp"-->

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

admito que só uso ASP por causa do include. Não entendo de programação asp/php.

Sabendo usar, te quebra um galhão... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif Se quer facilitar o trabalho, é bom conhecer mesmo o básico de alguma linguagem, verá que há muita coisa que lhe ajuda pacas...

 

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Scaico    0

Scaico
Postado

Você está certíssimo, Paulo.

 

Preciso enfrentar a preguiça e arrumar um tempo pra aprender ao menos o básico de ASP ou de PHP... Provavelmente ASP.

 

Valeus!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

Eu não sei o efeito que isso pode ter

 

mas você pode alterar o title da pagian via javascript, o que acha?

 

function alteraTitle(titulo){
	document.title = titulo;
}

ai você pode colocar no final do HTML

 

.
.
.
<script type="text/javascript">
alteraTitle("Mudando o titulo");
</script>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Scaico    0

Scaico
Postado

É uma boa saida, Aprendiz.

 

A outra solução que eu pensei foi a seguinte:

 

Deixar sempre no corpo do arquivo as informações que são sempre as mesmas, como DOCTYPE e XMLNS + as Metas e Titles que mudarão conforme cada página:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sistems do Brasil - Tecnologia e Controle de Acesso</title>
<!--#include file="links.asp"-->

E dentro do arquivo links.asp, colocar informações que poderão ser alteradas posteriormente, mas valem para todo o projeto, como:

<script src="css/submenu.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript" src="css/lytebox.js"></script>
<link href="css/lytebox.css" rel="stylesheet" media="screen" type="text/css" />
<link href="css/estilos.css" rel="stylesheet" media="screen" type="text/css" />
<link href="css/menu.css" rel="stylesheet" media="screen" type="text/css" />
<link href="css/submenu.css" rel="stylesheet" media="screen" type="text/css" />

Afinal, convenhamos: o DOCTYPE e o XMLNS serão os mesmos em todas as páginas e nunca deverão ser alterados, podendo ficar lá em cada arquivo separadamente, sem que eu corra o risco de ter que mudar no fim do projeto. Correto?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Alterar via Javascript não é uma boa, pois em termos de indexação, a página sempre terá um único title. Ele só será alterado visualmente falando, e os robots não irão conseguir "enxergar" essas variação. O melhor a ser feito é mesmo controlar via server-side.

 

Vou te dar um exemplo de como poderia ficar.

 

Imagine que você já tenha as respectivas titles e descriptions de cada página prontos. No arquivo que você chama o include, você pode definir uma variável antes do include. Em PHP ficaria assim:

<?php

	$pagina = "pag_inicial";
	include("arquivo.php");

?>
Em outra página, você só mudaria a variável $pagina:

<?php

	$pagina = "contato";
	include("arquivo.php");

?>
Aí você teria o controle no seu arquivo.php da seguinte forma:

<?php

	swicth($pagina)
	{
		case "pag_inicial":
			$title = "A title da página inicial";
			$description = "A description da página inicial";
			$keywords = "palavra1, palavra2, palavra3";
			break;

		case "produtos":
			$title = "A title da página de produtos";
			$description = "A description da página de produtos";
			$keywords = "palavra1, palavra2, palavra3";
					break;

		case "contato":
			$title = "A title da página de contato";
			$description = "A description da página de contato";
			$keywords = "palavra1, palavra2, palavra3";
			break;

	}

?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta http-equiv="content-language" content="pt-br" />
	<meta name="description" content="<?php echo $description; ?>" />
	<meta name="keywords" content="<?php echo $keywords; ?>" />
	<title><?php echo $title; ?></title>
</head>
Percebe a questão? Ou então, ao invés de você criar este switch, lá na página, antes do include, no lugar da variável $pagina, você pode criar as variáveis $title, $description e $keywords! E, obviamente, caso houver mais meta tags que variam a cada página, basta criá-las também! A vantagem do switch é que fica tudo em um único arquivo. Se amanhã ou depois você tiver que adicionar uma nova variável ao conjunto, terá que abrir página por página para fazer essa inclusão, e com o switch em um único arquivo, você só precisa adicionar a nova variável a cada case!

 

Viu só como as vantagens de se utilizar uma linguagem server-side pode lhe ajudar até mesmo com questões de simples HTML, como as meta tags?

 

Bons estudos!

 

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Scaico    0

Scaico
Postado

Devia ter ouvido minha mãe e ido pra faculdade de direito.

 

É impressão minha ou PHP é mais simples que ASP?

Eu baixei umas apostilas de ASP hoje cedo, depois que postei aqui e PQP... Quero morrer.

 

Acho que vou tentar PHP. Hehehehehehe

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

No começo, eu tive mais facilidade em aprender ASP do que PHP (isso em 2005). Acho que era porque eu nunca tinha visto qualquer linguagem de programação na vida, e então me apresentaram essas linguagens, e o VB, a princípio, foi mais fácil de aprender. Hoje, eu só uso PHP, comecei a estudar sozinho no final do ano passado, e não parei mais. Não sei programar em ASP, não me lembro de absolutamente nada (e também não me esforçaria para aprender novamente)... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

Agora, quanto a escolher, isso vai de você. Material na web não falta, de qualquer linguagem. Agora, não conheço o fórum de ASP aqui no iMasters, mas pelo menos o de PHP tem muita gente que está sempre disposta a ajudar (assim como aqui no WS). Então, a escolha é sua! Faça aquilo que lhe for melhor...

 

Abraço!

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