Archive | Desenvolvimento

SEO para iniciantes – O básico

Posted on 24 janeiro 2009 by Mateus Gomes

Se você não sabe por onde começar o trabalho de SEO, há alguns passos por onde você pode se aventurar até entender melhor todo o sistema. Os pontos à seguir são muito superficiais e nenhum garante que seu site ficará na primeira página. Mas a combinação de todos eles te garante uma base sólida para [...]

Se você não sabe por onde começar o trabalho de SEO, há alguns passos por onde você pode se aventurar até entender melhor todo o sistema. Os pontos à seguir são muito superficiais e nenhum garante que seu site ficará na primeira página. Mas a combinação de todos eles te garante uma base sólida para os pontos mais profundos do tratamento SEO.

Organizando as URLs

Coloque ordem na casa. Tenha um mapa do site com as URLs utilizadas em cada uma das páginas. Encontre as URLs antigas que mudaram e as que dão erro 404 (não encontrado). Mapeie todos esses endereços e utilize o .htaccess para colocar tudo em ordem novamente.
O Google tem o WebMaster Tools que pode te ajudar a descobrir quais URLs estão quebradas (404), quais o Robô do Google indexou e etc.

Pelo arquivo .htaccess, redirecione os endereços antigos e possíveis endereços que usuários costumam digitar errado para o endereço correto.
Prefira sempre URLs amigáveis. São fáceis de lembrar e o Google dá pontos para URLs com termos relevantes.

Essas são algumas ferramentas que podem lhe ajudar:

Estudo de palavras-chaves e termos importantes

Faça um estudo de palavras-chaves e termos importantes para o site. Para esse primeiro momento, você não precisa de um editor profissional para tratar do texto. Pergunte para usuários como eles chegaram até o site. Se chegaram por algum sistema de busca, pergunte pelo termo que ele utilizou. Selecione pessoas que não tem nada a ver com desenvolvimento e peça a elas para que façam uma busca no Google sobre o assunto que o site é relacionado. Essa é uma das melhores maneiras de saber quais as palavras mais importantes e que devem compor os textos do site.

Depois deste trabalho, você poderá espalhar as palavras-chaves títulos, parágrafos, em metatags, titles e  alts das imagens.
O Google tem um sistema chamado AdWord Keyword Tool. Ele foi feito para pessoas que tem campanhas no sistema de AdWords do Google possam encontrar palavras chaves mais relevantes e possam compor sua cartilha de anúncios. Mas o AdWord Keyword Tool pode ser usado para a escolha de palavras e termos relevantes para a composição dos textos do site. Neste sistema ele mostra a quantidade de buscas pela palavra e a popularidade da palavra entre os concorrentes.

Titles e Metatags

É importante que cada uma das páginas do site tenha um Title e Metatags Descriptions diferentes. 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.

Se você não utiliza um CMS (muito aconselhável), tente fazer um gerenciamento de metatags com seu programador. É extremamente importante que você consiga facilmente modificar as metatags do seu site.

Textos e Títulos

O designer que criou o layout pode prever lugares para Títulos, sub-títulos e parágrafos. Essa forma é uma boa maneira para dar mais relevância aos termos mais importantes do site. Lembre-se de cuidar do código dos títulos e parágrafos com carinho. Não substitua a tag P por spans ou qualquer outra tag. A tag P indica para os sistemas que aquelo bloco é um texto, e faz parte de uma redação. Colocando qualquer outra tag para marcar parágrafos ou títulos, você não estará dando a importância necessárias para os sistemas de busca e faltará com acessibilidade, o que pode ser muito pior para o seu público.

Nunca repita demasiadamente níveis de títulos. Se você rechear seu código apenas com um tipo de título, por exemplo, H2. Você não estará dizendo ao buscador qual informação é mais importante. Ele entenderá que você está tentando dizer que todos os títulos tem a mesma importância, o que, obviamente, é mentira. Ele não conseguirá distinguir qual conteúdo é mais relevante e não pontuará bem seu site. Por isso, mescle os títulos. E classifique-os com as tags de acordo com a sua importância em relação ao texto.

Estas são apenas alguns passos simples que você mesmo pode controlar e monitorar. Como disse no começo, deixar tudo isso em ordem não quer dizer que você irá ficar em primeiro, seu concorrente pode ter feito isso antes de você e pode ter feito melhor. Por isso, há todo um trabalho que você precisa fazer para que os resultados sejam sempre mais efetivos e duradouros.

Copiado do site tableless.com.br

Comments (0)

Tags: , , ,

Criando uma rádio em 12 minutos

Posted on 15 janeiro 2009 by Mateus Gomes

Fazer uma rádio virtual não parece uma tarefa fácil, mas pode ficar mais simples utilizando o Flash MX, da Macromedia. Essa versão do programa trouxe avanços como o suporte nativo a códigos e objetos XML e também a possibilidade de inserir textos e até arquivos MP3 de forma dinâmica. Graças a isso, em apenas 12 minutos conseguimos montar uma rádio online com três canais, utilizando objetos específicos para esse fim. Para você montar a sua rádio, além do Flash MX será necessário ter os scripts que façam a rádio operar. Eles estão disponíveis para download clicando aqui .

Antes de começar, é bom já ter em mente como será a sua estação, ou seja, como serão os botões, qual será o nome, como será o design e — claro — quais músicas serão incluídas.

1. Com o Flash MX aberto, crie um novo arquivo e no quadro Properties defina o tamanho que terá sua rádio virtual. Em nosso caso, fizemos a Estação INFO com 250 x 150 pixels.

2. No menu principal clique na opção Insert e escolha New Symbol. Uma janela Create New Symbol será aberta. Selecione a opção Movie Clip e dê o nome xmlObj para o objeto. Dê um comando Control+L e a biblioteca será aberta, aparecendo o objeto criado. Clique nele e arraste-o para a rádio. Depois abra a janela Action e insira o script “cxml”, disponível no arquivo baixado. Em seguida, com o objeto selecionado vá até Propriedades (Properties) e onde aparece digite cxml. O objeto xmlObj fará o Flash conversar com o arquivo XML. Ele é o motor da nossa rádio.

3. Agora crie uma layer na Timeline e dê a ela o nome de Ações. É aconselhável que você inclua cerca de cinco frames nessa primeira layer. E para isso basta clicar cinco vezes na tecla F5. Clique no primeiro frame e em seguida abra a janela Actions Frame. No quadro branco que aparece à direita da janela insira o script Ações, também diponibilizado no arquivo baixado. Ele cuidará das ações que cada botão da rádio vai executar.

4. Quem não tiver nenhum botão disponível para a rádio pode utilizar os que são oferecidos pelo próprio Flash MX na opção Common Libraries. Serão necessário seis botões. Para músicas: Avançar, Voltar, Parar e Tocar. Para estações: Avançar e Voltar. Clique em cada um deles e arraste-os para o local exato que eles devem ficar.

5. Escolhidos os botões, será necessário definir as ações deles. Vamos começar pelo Voltar. Clique no botão correspondente e depois na janela Actions – Movie Clip. Nela selecione as opções Actions/Movie Control e dê um duplo clique na opção On. Uma janela será aberta ao lado. Dê um duplo clique na opção Release. Aparecerá o seguinte código:

on (release) {
}

Como estamos configurando o botão Voltar, precisamos escrever o comando radioPrevious(); entre as chaves para que ele funcione. O resultado final dessa operação é o código

on (release) {radioPrevious();
}

6. Agora precisamos fazer o mesmo para os outros botões. No caso do Stop o comando é

on (release) {radioStop();
}

7. Para o Play o comando é

on (release) {radioPlay();
}

8. Para o botão Próxima música o comando é

on (release) {radioNext();
}

9. No botão que irá mudar as estações dessa rádio online o comando deve ser

on (release) {stationNext();
}

10. Já para retroceder o comando é

on (release) {stationPrevious();
}

11. Também precisamos definir o espaço onde aparecerá a identificação das músicas. Na Estação INFO decidimos deixar três campos: um com o nome da música, outro com o do cantor e outro com o do canal.

12. Para inserir um texto abra a janela de ferramentas e selecione a opção A. Em Propriedades (Properties) na janela Text Tool selecione Dynamic Text. E no quadro onde está montando a rádio selecione o espaço onde você quer que apareça o nome do canal. No quadro Var, que aparece em Propriedades, digite txtStation.

13. Agora abra um outro espaço na tela para inserir o nome da música e no quadro Var digite txtTitle.

14. Repita o mesmo processo na criação do nome do cantor e no campo Var digite txtComposer.

15. Feito isso, é necessário incluir mais um script. Selecione o segundo frame na Layer, abra a janela Actions e insira o código “para”, que também está disponível no arquivo baixado.16. Não se esqueça de editar o arquivo XML chamado radio.xml, que também foi baixado. Abra-o no Notepad ou em outro editor HTML e ponha os nomes das estações, das músicas, dos cantores e do arquivo MP3 entre as TAGs correspondentes.

17. Por fim, vá ao menu Principal e selecione a opção Publish. Isso fará com que o arquivo Flash com extensão “.fla” seja transformado em outro com extensão “.swf”. Para a rádio funcionar sem problemas todos os arquivos devem ficar no mesmo diretório.

Comments (0)

Advertise Here
Advertise Here

Categorias

Páginas