Avaliação do site css-tricks.com
Gerado a 16 de Julho de 2022 14:00 PM
Estatísticas desatualizadas? ATUALIZE !
O resultado é de 52/100
Conteúdo SEO
Título
CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style Sheets.
Cumprimento : 74
Idealmente, o Título deve conter entre 10 e 70 caracteres (incluíndo espaços).
Descrição
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.
Cumprimento : 97
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 |
|---|---|
| locale | en_US |
| type | website |
| title | CSS-Tricks |
| description | CSS-Tricks is a website about websites. |
| url | https://css-tricks.com/ |
| site_name | CSS-Tricks |
| image | https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png |
| image:secure_url | https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png |
| image:width | 1200 |
| image:height | 628 |
| image:type | image/png |
Cabeçalhos
| H1 | H2 | H3 | H4 | H5 | H6 |
| 1 | 13 | 17 | 1 | 3 | 0 |
- [H1] How stroke-dasharray Patterns Work
- [H2] Popular this month
- [H2] grid-auto-columns
- [H2] grid-auto-rows
- [H2] Office Spaces
- [H2] print-color-adjust
- [H2] React Hooks: The Deep Cuts
- [H2] In Praise of Shadows
- [H2] Technical Writing for Developers
- [H2] Collective Nouns for the Web
- [H2] Single Element Loaders: Going 3D!
- [H2] Bunny Fonts
- [H2] Text-overflow: ellipsis considered harmful
- [H2] TheMonthlyMixup
- [H3] COLRv1 and CSS font-palette: Web Typography Gets Colorful
- [H3] Let’s Create a Tiny Programming Language
- [H3] Cool Hover Effects That Use Background Properties
- [H3] Adding Custom GitHub Badges to Your Repo
- [H3] A Perfect Table of Contents With HTML + CSS
- [H3] A CSS Slinky in 3D? Challenge Accepted!
- [H3] Equal Columns With Flexbox: It’s More Complicated Than You Might Think
- [H3] Dialog Components: Go Native HTML or Roll Your Own?
- [H3] Syntax Highlighting (and More!) With Prism on a Static Site
- [H3] Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit`
- [H3] Icon Glassmorphism Effect in CSS
- [H3] #127: Basics of JavaScript Templating
- [H3] print-color-adjust
- [H3] A Primer on the Different Types of Browser Storage
- [H3] :last-of-type
- [H3] ooooops I guess we’re* full-stack developers now
- [H3] Paginate Custom Post Types
- [H4] Keep up to date on web dev
- [H5] DigitalOcean
- [H5] CSS-Tricks
- [H5] Follow
Imagens
Encontrámos 76 imagens nesta página.
51 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 : 0%
O rácio de texto para código HTML desta página é menor que 15 porcento, o que significa que provavelmente é necessário de adicionar mais conteúdos em forma de texto.
Flash
Perfeito, não foi encontrado conteúdo Flash nesta página.
Iframe
Excelente, não foram detetadas Iframes nesta página.
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 137 ligações incluindo 0 ligações a ficheiros
| Âncoras | Tipo | Sumo |
|---|---|---|
| Skip to main content | Internas | Passa sumo |
| here | Internas | Passa sumo |
| enjoy $100 of free credit | Externas | Passa sumo |
| patterns | Internas | Passa sumo |
| stroke-dasharray | Internas | Passa sumo |
| SVG | Internas | Passa sumo |
| How stroke-dasharray Patterns Work | Internas | Passa sumo |
| Geoff Graham | Internas | Passa sumo |
| COLRv1 and CSS font-palette: Web Typography Gets Colorful | Internas | Passa sumo |
| @font-palette-values | Internas | Passa sumo |
| base-palette | Internas | Passa sumo |
| color font | Internas | Passa sumo |
| font-palette | Internas | Passa sumo |
| typography | Internas | Passa sumo |
| Ollie Williams | Internas | Passa sumo |
| Let’s Create a Tiny Programming Language | Internas | Passa sumo |
| code | Internas | Passa sumo |
| Md Shuvo | Internas | Passa sumo |
| Cool Hover Effects That Use Background Properties | Internas | Passa sumo |
| background | Internas | Passa sumo |
| background-position | Internas | Passa sumo |
| hover | Internas | Passa sumo |
| links | Internas | Passa sumo |
| Temani Afif | Internas | Passa sumo |
| Adding Custom GitHub Badges to Your Repo | Internas | Passa sumo |
| github | Internas | Passa sumo |
| Nick Sypteras | Internas | Passa sumo |
| A Perfect Table of Contents With HTML + CSS | Internas | Passa sumo |
| lists | Internas | Passa sumo |
| Nicholas C. Zakas | Internas | Passa sumo |
| A CSS Slinky in 3D? Challenge Accepted! | Internas | Passa sumo |
| 3d | Internas | Passa sumo |
| animation | Internas | Passa sumo |
| animation-delay | Internas | Passa sumo |
| Jhey Tompkins | Internas | Passa sumo |
| Equal Columns With Flexbox: It’s More Complicated Than You Might Think | Internas | Passa sumo |
| flex-basis | Internas | Passa sumo |
| flex-grow | Internas | Passa sumo |
| flex-shrink | Internas | Passa sumo |
| flexbox | Internas | Passa sumo |
| grid | Internas | Passa sumo |
| Kevin Powell | Internas | Passa sumo |
| Dialog Components: Go Native HTML or Roll Your Own? | Internas | Passa sumo |
| dialog | Internas | Passa sumo |
| Rob Levin | Internas | Passa sumo |
| Syntax Highlighting (and More!) With Prism on a Static Site | Internas | Passa sumo |
| next.js | Internas | Passa sumo |
| static sites | Internas | Passa sumo |
| syntax | Internas | Passa sumo |
| Adam Rackis | Internas | Passa sumo |
| Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit` | Internas | Passa sumo |
| Sara Soueidan | Internas | Passa sumo |
| grid-auto-columns | Internas | Passa sumo |
| CSS Grid Layout specification | Externas | Passa sumo |
| implicit columns | Internas | Passa sumo |
| Mojtaba Seyedi | Internas | Passa sumo |
| grid-auto-rows | Internas | Passa sumo |
| work | Internas | Passa sumo |
| Office Spaces | Internas | Passa sumo |
| wrote about his office space | Externas | Passa sumo |
| re-rooted in Colorado | Externas | Passa sumo |
| print-color-adjust | Internas | Passa sumo |
| Sunkanmi Fafowora | Internas | Passa sumo |
| react hooks | Internas | Passa sumo |
| React Hooks: The Deep Cuts | Internas | Passa sumo |
| React state lifecycle | Internas | Passa sumo |
| Blessing Ene Anyebe | Internas | Passa sumo |
| background-image | Internas | Passa sumo |
| centering | Internas | Passa sumo |
| object-fit | Internas | Passa sumo |
| scroll-snap | Internas | Passa sumo |
| stacking contexts | Internas | Passa sumo |
| In Praise of Shadows | Internas | Passa sumo |
| In Praise of Shadows | Externas | Passa sumo |
| copywriting | Internas | Passa sumo |
| writing | Internas | Passa sumo |
| Technical Writing for Developers | Internas | Passa sumo |
| Eluda | Internas | Passa sumo |
| Collective Nouns for the Web | Internas | Passa sumo |
| Melanie Sumner | Externas | Passa sumo |
| collection of web-related nouns | Externas | Passa sumo |
| clip-path | Internas | Passa sumo |
| gradients | Internas | Passa sumo |
| loader | Internas | Passa sumo |
| mask | Internas | Passa sumo |
| Single Element Loaders: Going 3D! | Internas | Passa sumo |
| little series on single-element loaders | Internas | Passa sumo |
| fonts | Internas | Passa sumo |
| google fonts | Internas | Passa sumo |
| privacy | Internas | Passa sumo |
| web fonts | Internas | Passa sumo |
| Bunny Fonts | Internas | Passa sumo |
| Bunny Fonts | Externas | Passa sumo |
| data loss | Internas | Passa sumo |
| text-overflow | Internas | Passa sumo |
| Text-overflow: ellipsis considered harmful | Internas | Passa sumo |
| Eric Eggert | Externas | Passa sumo |
| Keep browsing in the archives | Internas | Passa sumo |
| Icon Glassmorphism Effect in CSS | Internas | Passa sumo |
| backdrop-filter | Internas | Passa sumo |
| background-clip | Internas | Passa sumo |
| element() | Internas | Passa sumo |
| emoji | Internas | Passa sumo |
| filter | Internas | Passa sumo |
| hsl | Internas | Passa sumo |
| mask-clip | Internas | Passa sumo |
| navigation | Internas | Passa sumo |
| Ana Tudor | Internas | Passa sumo |
| #127: Basics of JavaScript Templating | Internas | Passa sumo |
| Chris Coyier | Internas | Passa sumo |
| A Primer on the Different Types of Browser Storage | Internas | Passa sumo |
| cache | Internas | Passa sumo |
| cookies | Internas | Passa sumo |
| Indexeddb | Internas | Passa sumo |
| kv storage | Internas | Passa sumo |
| localStorage | Internas | Passa sumo |
| parameters | Internas | Passa sumo |
| Ido Shamun | Internas | Passa sumo |
| :last-of-type | Internas | Passa sumo |
| Sara Cope | Internas | Passa sumo |
| ooooops I guess we’re* full-stack developers now | Internas | Passa sumo |
| full stack | Internas | Passa sumo |
| Paginate Custom Post Types | Internas | Passa sumo |
| DigitalOcean | Externas | Passa sumo |
| DigitalOcean Community | Externas | Passa sumo |
| About DigitalOcean | Externas | Passa sumo |
| Legal | Externas | Passa sumo |
| Internas | Passa sumo | |
| Guest Writing | Internas | Passa sumo |
| Book | Internas | Passa sumo |
| Advertising | Internas | Passa sumo |
| Externas | Passa sumo | |
| Externas | Passa sumo | |
| YouTube | Externas | Passa sumo |
| CodePen | Externas | Passa sumo |
| iTunes | Externas | Passa sumo |
| RSS | Internas | Passa sumo |
Palavras-chave SEO
Núvem de palavras-chave
Consistência das Palavras-chave
| Palavra-chave | Conteúdo | Título | Palavras-chave | Descrição | Cabeçalhos |
|---|
Usabilidade
Url
Domínio : css-tricks.com
Cumprimento : 14
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 : 14
Avisos : 5
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
http://css-tricks.com/robots.txt
Perfeito, o seu site tem um ficheiro robots.txt.
Analytics
Em falta
Não detetámos nenhuma ferramenta analítica de análise de atividade.
Este tipo de ferramentas (como por exemplo o Google Analytics) permite perceber o comportamento dos visitantes e o tipo de atividade que fazem. No mínimo, uma ferramenta deve estar instalada, sendo que em algumas situações mais do que uma pode ser útil.
PageSpeed Insights
Dispositivo
Categorias
Website Review
Website Review é uma ferramenta gratuita que o ajuda a avaliar o seu site