1. ENDEREÇO WEB

O seu endereço web, mais conhecido como URL, deverá ser o mais simples e conciso possível.  Quer isto dizer que deverá escolher um endereço que seja relacionado com o conteúdo do seu website, e evitar números e caracteres estranhos como www.oseuwebsite.com/?p=23546. Caso seja um utilizador WordPress, poderá utilizar os permalinks com formatação indicada, como www.oseuwebsite.com/nome-do-artigo/. Apartir do momento em que você implemente uma estrutura de permalinks, não a altere! Tenha especial atenção em tentar manter o endereço o mais curto e o mais descritivo possível. Alguns truques que poderá utilizar, passam por utilizar hífens ( – ) ao invés de underscores ( _ ), – segundo consta os motores de busca preferem os hífens – e evite extensões duvidosas na internet, como .exe, .bin ou .msi, mantenha-se com as extensões .html, .php ou .asp para ser considerado um website de confiança.

2. ROBOTS.TXT

Este é um tema sensível e por vezes não é fácil de compreender por quem se inicia no mundo da criação de websites e blogs. No entanto, o ficheiro robots.txt não é nada mais do que algumas instruções para indicar aos motores de busca quais as páginas do seu website que você quer indexar, e quais ele deve ignorar. Este ficheiro deverá estar na pasta raiz do seu directório, vulgarmente denominada de root, para que o motor de busca possa encontrá-lo rapidamente quando “entra” no seu website. Para configurar devidamente este ficheiro, a Escola WordPress tem um artigo brilhante onde explica passo a passo como fazer, não perca Melhores regras para os Robots.txt do WordPress.

3. SITEMAP HTML

Um sitemap, ou um mapa do website, é particularmente vantajoso para websites que sejam grandes, ou seja, tenham imensas páginas. Como referimos na introdução a este artigo, se você chegar a um centro comercial à procura de uma loja e não tiver indicações como lá chegar, vai andar a procurar imenso tempo até a encontrar. Com a criação de um mapa do website, você estará a dar indicações aos motores de busca onde está o quê, e dessa forma será mais fácil e rápido. Um Sitemap HTML tem sido anunciado como uma boa política para os websites a correr em WordPress, pois para além de fornecer algo aos motores de busca, também são um apoio para os seus visitantes. Para o ajudar a implementar um Sitemap HTML, sugerimos o artigo da Escola WordPress, Sitemap HTML para WordPress.

4. NAVEGAÇÃO ADEQUADA

A navegação do seu website deve ser planeada cuidadosamente. Deverá sempre ter em conta a experiência de utilização por parte do usuário, e escolher as palavras tendo em conta que deverão ser palavras-chave que identifiquem fácil e correctamente. Não caia na tentação de utilizar imagens ou flash na navegação, como referimos no artigo 5 Questões que prometem mudar a sua forma de criar sites! a utilização de Flash está a ser fortemente abolida e criticada por alguns gurus da industria da tecnologia, justificando com alguns pontos que pessoalmente considero válidos. Além disso, é melhor utilizar texto ao invés de imagens e flash para melhorar a indexação das páginas. Se tiver alguma página que não pretende que seja rankeada, simplemente adicione-a ao robots.txt ou insira nofollow no link. Desta forma estará a apontar o foco dos motores de busca para aquilo que realmente lhe interessa. Então resumindo, produza uma navegação limpa, explícita e o mais otimizada possível.

5. SITEMAP XML

Embora tenhamos falado sobre o Sitemap HTML acima, vamos também abordar a questão do Sitemap XML. Existem de facto diferenças notórias entre ambos, um sitemap XML é espcialmente direccionado para os motores de busca, enquanto que o Sitemap HTML pode também ser utilizado como um guia fácil para os utilizadores. Um sitemap XML irá melhorar muito o SEO do seu website, pelo que deverá optar ou pelo Sitemap HTML ou pelo Sitemap XML. Se pretender adoptar o Sitemap XML, existe um plugin extremamente útil que poderá conhecer melhor aqui, que o ajudará neste processo, que certamente se tornará mais fácil!

E VOCÊ, ESTRUTURA ADEQUADAMENTE O SEU WEBSITE?

Quais as técnicas que você utiliza para estruturar os seus websites? Comente o artigo e partilhe com a comunidade Escola Criatividade a sua experiência e gostos no que toca à estruturação de um website!

Abraços

Artigos Recomendados

• 5 Dicas de SEO para fazer Link Building
• 5 dicas de SEO para otimização interna do seu Site
• 5 dicas de SEO para preparar o seu Website!
• 5 dicas de boas práticas para SEO
• 10 Dicas SEO para melhorar o seu Web Design
• 5 questões que prometem mudar a sua forma de criar sites!

1. FLASH É PASSADO?

Certamente já ouviu falar na discussão mundial acerca da não introdução de Flash no iPad por parte da Apple. A verdade é que cada vez mais se regista que os programadores se estão a afastar desta solução da Adobe no que toca à utilização em vídeos, animações e navegação. Steve Jobs relatou na sua carta aberta onde explica o porquê de não ter incluído o Flash no iPad, que o Flash não é mais necessário. O patrão da Apple argumenta que Flash faz os dispositivos gastar demasiada bateria, não é bom para operações multi-toque, e a sua performance, fiabilidade e segurança são ridículos. Além de tudo o que Steve Jobs possa argumentar, a verdade é que de momento com a chegada do HTML5, temos fantásticas soluções para o áudio, vídeo e navegação, também incluíndo um toque de CSS3. A maioria dos dispositivos móveis não tem Flash, e se você tem um website construído com base Flash, os visitantes vão odiar não poder ver o seu site. Por isso pense bem: será melhor ter Flash, ou abandoná-lo?

2. TIPOS DE LETRA WEB?

Já falámos que a tipografia é importante em qualquer web design. Se formos ver o caminho da estilização de um website com a utilização de tipografia adequada, tem sido complicado. Devido a isso mesmo, muitos designers foram forçados a utiliza uma pequena quantidade de tipos de letra e a utilizar algumas técnicas com imagens e Flash para alterar um pouco as coisas. Felizmente, de momento estamos numa nova era do web design, e a questão dos tipos de letra sofreu um grande avanço: A utilização de tipos de letra Web. Graças a serviços como o TypeKit, Fonts.com e Google Web Fonts agora é possível utilizar tipos de letra web no seu website sem muito esforço e sem qualquer ou pequenos custos. Estará na hora de aderir aos tipos de letra web?

3. WEBSITES COMPATÍVEIS COM DISPOSITIVOS MÓVEIS?

Como referimos no primeiro ponto deste artigo, a utilização de dispositivos móveis como smartphones e tablet pc’s tem aumentado imenso nos últimos tempos, impulsionado pela chegada dos tablet pc’s e a concorrência entre si. No entanto a utilização de dispositivos móveis para aceder à internet não é novidade, já existe há imenso tempo. Muitos websites, quer sejam pequenos ou grandes, estão a investir imenso para tornar os seus websites compatíveis com a visualização em dispositivos móveis. Esta compatibilidade significa que o tempo de abertura do site irá ser reduzido e tudo irá estar formatado para ecrãs de pequenas dimensões, permitindo aos utilizadores ter acesso e conseguir ver a informação correctamente. Para pequenos negócios, ter um website compatível com dispositivos portáteis poderá dar um pequeno aumento na sua popularidade entre os utilizadores. Você já produz websites compatíveis com dispositivos portáteis?

4. VOCÊ É ADEPTO DOS CMS E PLATAFORMAS DE MICROBLOGGING?

A utilização crescente de CMS e plataformas de microblogging para expor o seu pequeno negócio ou website particular leva-nos a crer que a capacidade de conseguir publicar conteúdo facilmente, seja ele texto, fotografia ou vídeos, é extremamente importante. Felizmente, também não é muito difícil conseguir personalizar o seu website com algum conhecimento de PHP e CSS, pelo que as plataformas de blogging e CMS são uma ótima porta de entrada para os eu negócio ter um futuro próspero na internet. Plataformas como o WordPress e o Tumblr são muito conhecidas, e através de fantásticos templates disponíveis, como Templates Tumblr ou Templates WordPress, você poderá mesmo criar um bom impacto com a imagem da sua empresa online. E você, utiliza alguma plataforma?

5. NÃO ESTÁ ACTUALIZADO?

Você continua agarrado ao HTML4 e CSS2? Solte as amarras e dê um pulo em direcção ao futuro! A utilização de HTML5 e CSS3 é um grande passo para a diminuição de custos, melhoramento de experiência do utilizador, mais acessível aos programadores, e acima de tudo permite-lhe fazer coisas que eram impossíveis de fazer anteriormente. Adicionalmente, tenha em mente que os dispositivos portáteis recentes também suportam Javascript, HTML5 e CSS3, pelo que é altamente recomendável que você entre nesta nova era a comece a trabalhar com base nos novos avanços da tecnologia. Se você tem alguma questão sobre a compatibilidade entre HTML5/CSS3 com os browsers antigos, fique descansado. Você poderá ter um look incrível nos browsers modernos e ter um look elegante nos browsers mais antigos. Para isso, sugerimos a utilização de Modernizr, um fantástico utilitário que poderá conhecer melhor no nosso artigo Melhore a utilização de HTML5 e CSS3 com Modernizr. E você, está actualizado?

PARTILHE A SUA OPINIÃO COM A COMUNIDADE!

Gostaríamos imenso de contar com a sua opinião e participação neste artigo, e conhecer a experiências dos nossos leitores. Não perca mais tempo, dê-nos a conhecer a sua opinião!

Abraços

Artigos Recomendados

• 5 Dicas de SEO para estruturar melhor o seu Website
• 450 Texturas Incríveis – 59% De Desconto!
• Guia de Comparação entre Fireworks e Photoshop – Parte III
• 10 templates que resolvem problemas aos desenvolvedores para web
• 39 fontes profissionais grátis para webdesigners

Este pacote inclui texturas de fumo, poeira, tinta spray, nuvens, tinta em água, velocidade, wallpapers, rústico e renders abstractos em 3D. Utilize-os no Photoshop com diferentes modos de blending como multiply ou screen para obter resultados estonteantes!

Com este pacote irá:

• Surpreender os seus clientes.
• Aumentar o seu espólio de recursos para trabalhos de alta qualidade.
• Beneficiar de um preço muito baixo.
• Aumentar o seu nível de criatividade.
• Dar um passo em frente nas suas qualidades enquanto designer.

Não perca esta fantástica oportunidade e adquira já este fantástico e super acessível pacote de 450 Texturas Incríveis!

Abraço!

Artigos Recomendados

• 10 templates que resolvem problemas aos desenvolvedores para web
• 39 fontes profissionais grátis para webdesigners
• 5 Dicas de SEO para estruturar melhor o seu Website
• 5 questões que prometem mudar a sua forma de criar sites!
• 25 Tipos de Letra de Logomarcas Famosas
• Guia de Comparação entre Fireworks e Photoshop – Parte III

Não perca os antigos anteriores deste Guia de Comparação entre Fireworks e Photoshop:

• Guia de Comparação entre Fireworks e Photoshop – Parte I
• Guia de Comparação entre Fireworks e Photoshop – Parte II

Este Guia de Comparação entre Fireworks e Photoshop tem já vários artigos, pelo que se tiver ideias ou sugestões, participe e deixe o seu comentário! Se desejar, poderá subscrever a nossa newsletter gratuita e receber os próximos conteúdos diretamente na sua caixa de email:

AS VANTAGENS DE UTILIZAR PHOTOSHOP

Embora não tenha sido na abordagem directa de Photoshop, já enumerámos várias comparações nos artigos anteriores, pelo que este artigo terá um pouco menos de informação que os seus precedentes. No entanto ainda há muito para expor, e assim compilámos mais alguns argumentos para o leitor reflectir, que poderá ler ao longo do artigo.

ESTABILIDADE

A versão CS5 trouxe francas melhorias em termos de estabilidade, mas em termos históricos, os utilizadores de Fireworks reportam mais problemas com ficheiros, erros e problemas gerais com o programa do que reportam os utilizadores de Photoshop. Isto não quer dizer que Photoshop esteja livre de erros, tem a sua quota parte garantidamente, mas tem um valor acrescentado por ter menos erros. Só por isso, o seu valor é justificável pela menor quantidade de dores de cabeça que terá ao utilizar Photoshop do que ao utilizar Fireworks. Provavelmente a maioria dos utilizadores Fireworks tiveram poucos ou nenhuns problemas com ele: É bastante raro Fireworks dar problemas com operações simples. Se estiver a utilizar a fundo o programa, as probabilidades de acontecer um erro são maiores, mas nada garante que um erro vá acontecer.

BASE DA INDÚSTRIA

Embora comece a aparecer uma procura de profissionais que saibam trabalhar com Fireworks, a procura de designers que saibam trabalhar com Photoshop é colossal e à escala universal. Practicamente todos os projectos da web usam Photoshop em alguma parte, e ter pelo menos um conhecimento médio sobre esse programa vai ser um item requerido para os trabalhos de design onde haja uma equipa envolvida. Enquanto que os seus clientes como freelancer não querem saber como você fez o trabalho, numa equipa é muito mais provável que troque ficheiros .PSD com os seus colegas do que ficheiros .PNG. Dito isto, se pretende trabalhar nessa indústria você tem que saber trabalhar com Photoshop.

É-LHE FAMILIAR

Para aqueles que estão acostumados ao Photoshop, a grande desculpa que dão para nem sequer experimentar Fireworks ou outro programa qualquer, é que estão habituados a trabalhar com Photoshop e foi com ele que aprenderam a gerir o rumo do seu trabalho. A grande maioria das pessoas que começaram a trabalhar com Photoshop mantiveram-se fiéis a ele, porque realmente funciona. Como se costuma dizer, em equipa que ganha não se mexe, e se tem funcionado com toda esse gente, aprendendo aquilo que é necessário também pode funcionar consigo. Experimente!

TUTORIAIS E RECURSOS

Fazendo uma avaliação realista, há imensos tutoriais online de todo o tipo para Fireworks, mas a quantidade astronómica de tutoriais e recursos online para Photoshop dá 15-0 nos de Fireworks. Desta forma é muito mais provável que encontre um tutorial online para o ajudar em Photoshop do que em Fireworks. Este é também um indicador de que Photoshop é mais difícil de aprender do que Fireworks, o que não invalida que seja possível aprender Photoshop, obviamente.

É SUPER COMPLETO

Já o dissemos anteriormente, Photoshop tem uma enorme panóplia de ferramentas. Um designer que use Fireworks quase garantidamente terá que abrir o Photoshop para efectuar trabalhos com técnicas mais avançadas de edição de imagem, ao passo que um utilizador Photoshop quase garantidamente que nunca irá abrir o Fireworks para fazer algum desses trabalhos. O núcleo das funcionalidades está no Photoshop, e embora o Fireworks tenha tido vários melhoramentos das suas ferramentas, os utilizadores Photoshop nem o sabem: Eles não usam Fireworks.

E VOCÊ, UTILIZA O PHOTOSHOP?

Não perca a continuação do Guia de Comparação entre Fireworks e Photoshop, se tiver ideias ou sugestões, participe e deixe o seu comentário! Se desejar, poderá subscrever a nossa newsletter gratuita e receber os próximos conteúdos diretamente na sua caixa de email:

Até já!

Artigos Recomendados

• Guia de Comparação entre Fireworks e Photoshop – Parte IV
• 30 Portfólios de Designers Gráficos que aconselhamos!
• 20 Logomarcas profissionais para usar nos seus trabalhos criativos
• Guia Dreamweaver – Como Começar? (Parte II)
• 10 Programas de Edição HTML e CSS para Windows e Linux
• 5 Dicas de SEO para estruturar melhor o seu Website

No entanto e como existem soluções para tudo na vida, hoje gostaríamos de lhe propor 10 templates fantásticos que resolvem problemas aos desenvolvedores para web. Para quem tem problemas graves de concepção da parte visual, estes templates são de facto uma salvação.

1. AIRMAIL – TEMPLATE DE EMAIL CUSTOMIZÁVEL

O template Airmail é um template de email HTML, totalmente customizável! É perfeito para qualquer tipo de pessoa ou empresa – e utilizável para praticamente todos os fins, desde newsletters a eFlyers ou postais.

2. SIMPLA ADMIN – PAINEL DE ADMINISTRAÇÃO FLEXÍVEL

O template Simpla Admin é um tema profissional extremamente bonito e com um interface amigo do utilizador. Com uma série de funcionalidades em jQuery intuitivas e inteligentes, navegar pelo seu interface é uma experiência incrível.

3. CLEAN MAIL – PACOTE DE TEMPLATES DE EMAIL EM 5 CORES

O template CleanMail é na verdade um pacote de templates HTML para email marketing, em 5 cores diferentes.

4. TEMPLATE WORDPRESS WIKI

Se está à procura de uma solução de conhecimento ou de uma Wiki para a sua empresa, mas não necessita de uma aplicação completa de Wiki, o template WordPress Wiki é a solução perfeita. Construída com um plugin FAQ, permite-lhe extender a funcionalidade do seu website. Este plugin actua como um painel de escrita customizado que mostra na sua essência, pequenas FAQs por baixo dos seus conteúdos, e nas suas respectivas categorias. As FAQs são pesquisáveis e paginadas.

5. TEMPLATE MARKETPLACE COMMUNITY PARA WORDPRESS

O template Marketplace para WordPress é um tema extremamente elegante, com o intuito e foco na criação de comunidades para notícias de indústria, tutoriais, criatividade, etc. Este template oferece inúmeras funcionalidades que estão presentes nos sites de comunidades de topo. Este template é distribuído em 5 cores diferentes.

6. vCARD PORTFOLIO PROFISSIONAL

Este é um vCard (cartão de apresentação virtual) extremamente limpo e atraente, desenvolvido para profissionais e freelancers. Com este design, é perfeitamente possível utilizar um qualquer esquema de cores.

7. SLEEK SERVER – PÁGINAS DE ERRO

Este é um design extremamente atractivo de páginas de erro para websites ou blogs. É extremamente flexível e fácil de customizar. Ele oferece cerca de 5 páginas de erro extremamente comuns (404, 403, 401, 500 e 503) embora seja extremamente simples adicionar mais páginas se necessário. Todo o texto é HTML puro, pelo que adicionar, alterar ou criar novos textos é um processo que não necessita de edição de imagem.

8. NEOTERIC – PÁGINA EM CONSTRUÇÃO

O template NEOTERIC é uma página única e extremamente simples do tipo ‘Em Construção/Coming Soon’ que oferece 10 designs diferentes para você manter os seus utilizadores a par do desenvolvimento dos seus novos projectos.

9. PÁGINA EM CONSTRUÇÃO COM TWITTER E GRÁFICO DE PROGRESSO

Tenha a certeza de que os seus utilizadores sabem o que se passa no seu novo projecto, com este template de site em construção que oferece um RSS Feed dos seus últimos tweets e um gráfico que reflecte o progresso do seu projecto!

10. MINIMO – TEMPLATE DE PORTFOLIO MINIMALISTA

O template Minimo é um template de portfolio simples e extremamente elegante. Este template é construído a parti da grelha 960.gs framework, oferecendo um aspecto profissional e devidamente estruturado, bem como oferece icons exclusivos. Está incluído um script de envio de emails, pelo que o site não necessita de grande trabalho, a não ser a alteração de morada e o carregamento do portfólio!

Artigos Recomendados

• 450 Texturas Incríveis – 59% De Desconto!
• 39 fontes profissionais grátis para webdesigners
• 15 Novos Templates de Newsletter para Email Marketing
• 15 Templates Drupal para aumentar a sua Criatividade
• 20 Templates Profissionais para Portfolios
• 20 Themes para Tumblr Femininos

A qualidade tem um preço. O preço “à prova de bala” de algumas fontes profissionais muitas vezes reflecte-se em valores na ordem dos 50$ dólares por unidade. No entanto, antes de adquirir uma fonte profissional que provavelmente irá utilizar uma única vez num trabalho próprio para si e/ou para um cliente, talvez queira considerar dar uma vista de olhos nas opções gratuitas que hoje lhe oferecemos.

São 39 fontes profissionais grátis para webdesigners e não só. Qual é a sua favorita?

1. Gentium

2. Distric Thin

3. MG Open Moderna

4. Pigiarniq Inuktitut Font

5. Delicious

6. Anivers

7. Tallys

8. Mido

9. Fontin Sans

10. MG Open Cosmetica

11. Geo Sans Light

12. Nadia Serif

13. Yanone Kaffeesatz

14. Just Old Fashion

15. Lido STF

16. Cardo

17. Day Roman

18. Liberation Serif

19. Liberation Sans

20. Romeral

21. Scriptina

22. Mank Sans

23. Chúcara

24. Qlassik

25. Diavlo

26. Engel Light Ltd

27. Cicle

28. Kontrapunkt

29. FF Good Wide Light

30. Fontin

31. Colaborate

32. FF Mt

33. Fertigo

34. Steiner

35. Audimat (v2)

36. Greyscale Basic

37. Existence Light

38. Lacuna

39. Com4T Fine Regular

Artigos Recomendados

• 25 Tipos de Letra de Logomarcas Famosas
• 450 Texturas Incríveis – 59% De Desconto!
• 30 logotipos incríveis inspirados no fogo
• 10 templates que resolvem problemas aos desenvolvedores para web
• 22 logotipos de grandes empresas redesenhados em 2009
• As 20 Árvores de Natal mais criativas de 2011