Avaliação do site coolcssanimation.com
Cool CSS Animation | Resources and tutorials for designers
Gerado a 30 de Março de 2026 09:29 AM
Estatísticas desatualizadas? ATUALIZE !
O resultado é de 63/100
Conteúdo SEO
Título
Cool CSS Animation | Resources and tutorials for designers
Cumprimento : 58
Perfeito, o Título contém entre 10 e 70 caracteres.
Descrição
Free tutorials and resources to learn to code CSS animation by example.
Cumprimento : 71
Perfeito, a Descrição META contém entre 70 e 160 caracteres.
Palavras-chave
Mau. Não detetámos palavras-chave META na sua página.
Propriedades Og Meta
Boa! Esta página tira vantagens das propriedades Og.
| Propriedade | Conteúdo |
|---|---|
| site_name | Cool CSS Animation |
| title | Cool CSS Animation | Resources and tutorials for designers |
| type | website |
| url | https://coolcssanimation.com/ |
| description | Free tutorials and resources to learn to code CSS animation by example. |
| image | /img/cool-css-animation-thumbnail.png |
| image:alt | Page image for Cool CSS Animation |
Cabeçalhos
| H1 | H2 | H3 | H4 | H5 | H6 |
| 1 | 8 | 10 | 0 | 0 | 0 |
- [H1] Cool CSS Animation
- [H2] CSS Animation Showcase
- [H2] CSS Animation Tutorial
- [H2] CSS Animation Cheatsheet
- [H2] CSS Animation Examples
- [H2] How to code cool CSS animations
- [H2] CSS Animation Playground
- [H2] CSS Animation Snippets
- [H2] Cool CSS Animation
- [H3] Create an HTML element to animate
- [H3] Repeat the element to create a pattern
- [H3] Add motion using CSS keyframes
- [H3] Stagger the motion using CSS animation delay
- [H3] Experiment with different values and properties
- [H3] CSS Animation Basics
- [H3] CSS Animation Easing & Timing
- [H3] Sass Loops for CSS Animation
- [H3] About this website
- [H3] Thanks for visiting!
Imagens
Encontrámos 18 imagens nesta página.
18 atributos ALT estão vazios ou em falta. É recomendado adicionar texto alternativo de modo a que os motores de busca identifiquem melhor o conteúdo das suas imagens.
Rácio Texto/HTML
Rácio : 32%
Ideal! O rácio de texto para código HTML desta página está entre 25 e 70 porcento.
Flash
Perfeito, não foi encontrado conteúdo Flash nesta página.
Iframe
Oh, não, esta página tem Iframes na página, o que significa que o conteúdo destas não pode ser indexado.
Ligações SEO
Reescrita de URL
Perfeito. As ligações aparentam ser limpas!
Underscores (traços inferiores) nas URLs
Perfeito. Não foram encontrados 'underscores' (traços inferiores) nas suas URLs.
Ligações para a própria página
Encontrámos um total de 24 ligações incluindo 0 ligações a ficheiros
| Âncoras | Tipo | Sumo |
|---|---|---|
| Cool CSS Animation | Internas | Passa sumo |
| Scroll Animations | Internas | Passa sumo |
| Showcase | Internas | Passa sumo |
| Tutorial | Internas | Passa sumo |
| Cheatsheet | Internas | Passa sumo |
| How to trigger a CSS animation on scroll | Internas | Passa sumo |
| How to create scroll animations without a library | Internas | Passa sumo |
| The best scroll-based animation libraries | Internas | Passa sumo |
| The three concepts behind every scroll animation | Internas | Passa sumo |
| How to make scroll animations | Internas | Passa sumo |
| Element fade out on scroll | Internas | Passa sumo |
| Planar Shuffle | Externas | Passa sumo |
| @mknadler | Externas | Passa sumo |
| CodePen | Externas | Passa sumo |
| Deep Rings | Externas | Passa sumo |
| Möbius 6hedrons (pure CSS) | Externas | Passa sumo |
| @thebabydino | Externas | Passa sumo |
| trickling cubes (pure CSS 3D) | Externas | Passa sumo |
| Shift | Externas | Passa sumo |
| @nickcil | Externas | Passa sumo |
| Shuffling Squares | Externas | Passa sumo |
| Four Corners | Externas | Passa sumo |
| Hypnotized | Externas | Passa sumo |
| Nick Ciliak | Externas | Passa sumo |
Palavras-chave SEO
Núvem de palavras-chave
keyframes sass div translate0 animation classcirclediv code transform animations css
Consistência das Palavras-chave
| Palavra-chave | Conteúdo | Título | Palavras-chave | Descrição | Cabeçalhos |
|---|---|---|---|---|---|
| div | 43 |  |
|
|
|
| css | 43 |  |
|
|
|
| animation | 42 | |
|
|
|
| classcirclediv | 33 | |
|
|
|
| code | 23 | |
|
|
|
Usabilidade
Url
Domínio : coolcssanimation.com
Cumprimento : 20
Favicon
Ótimo, o site tem um favicon.
Facilidade de Impressão
Não encontrámos CSS apropriado para impressão.
Língua
Otimo! A língua declarada deste site é en.
Dublin Core
Esta página não tira vantagens do Dublin Core.
Documento
Tipo de Documento
HTML 5
Codificação
Perfeito. O conjunto de caracteres UTF-8 está declarado.
Validação W3C
Erros : 0
Avisos : 0
Privacidade do Email
Boa! Nenhum endereço de email está declarado sob a forma de texto!
HTML obsoleto
Fantástico! Não detetámos etiquetas HTML obsoletas.
Dicas de Velocidade
|
Excelente, este site não usa tablelas dentro de tabelas. |
|
Oh não, o site usa estilos CSS nas etiquetas HTML. |
|
Boa, o site usa poucos ficheiros CSS. |
|
Oh, não! O site utiliza demasiados ficheiros JavaScript (mais que 6). |
|
Perfeito, o site tira vantagens da compressão gzip. |
Dispositivos Móveis
Otimização para dispositivos móveis
|
Icon Apple |
|
Meta Viewport Tag |
|
Conteúdo Flash |
Otimização
XML Sitemap
Em falta
O site não tem um mapa XML do site (sitemap) - isto pode ser problemático.
Um mapa do site identifica todas as URLs que estão disponíveis para rastreio, incluindo informação acerca de atualizações, frequência de alterações ou a importancia de cada URL. Isto contribui para uma maior inteligência e eficiência do rastreio.
Robots.txt
https://coolcssanimation.com/robots.txt
Perfeito, o seu site tem um ficheiro robots.txt.
Analytics
Perfeito, o site tem uma ferramenta analítica para a análise de atividade.
Google Analytics |
PageSpeed Insights
Dispositivo
Categorias
Free SEO Testing Tool
Free SEO Testing Tool é uma ferramenta gratuita que o ajuda a avaliar o seu site