css-tricks.com

Avaliação do site css-tricks.com

CSS-Tricks - A Website About Making Websites

 Gerado a 03 de Março de 2026 22:37 PM

Estatísticas desatualizadas? ATUALIZE !

O resultado é de 53/100

Conteúdo SEO

Título

CSS-Tricks - A Website About Making Websites

Cumprimento : 44

Perfeito, o Título contém entre 10 e 70 caracteres.

Descrição

Cumprimento : 0

Mau. Não encontrámos nenhuma Descrição META na sua página.

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 - A Website About Making Websites
url https://css-tricks.com/
site_name CSS-Tricks
updated_time 2026-02-10T07:42:37-07:00
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:alt Home
image:type image/png

Cabeçalhos

H1 H2 H3 H4 H5 H6
1 12 38 1 3 0
  • [H1] Popover API or Dialog API: Which to Choose?
  • [H2] Popular this month
  • [H2] Latest Articles
  • [H2] What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More
  • [H2] Yet Another Way to Center an (Absolute) Element
  • [H2] An Exploit … in CSS?!
  • [H2] A Complete Guide to Bookmarklets
  • [H2] Loading Smarter: SVG vs. Raster Loaders in Modern Web Design
  • [H2] Quick Hits
  • [H2] Collections
  • [H2] Fresh From the Almanac
  • [H2] Latest CSS Guides
  • [H2] Classic Tricks
  • [H3] Trying to Make the Perfect Pie Chart in CSS
  • [H3] Spiral Scrollytelling in CSS With sibling-index()
  • [H3] There is No Need to Trap Focus on a Dialog Element
  • [H3] Approximating contrast-color() With Other CSS Features
  • [H3] Responsive Hexagon Grid Using Modern CSS
  • [H3] Styling ::search-text and Other Highlight-y Pseudo-Elements
  • [H3] That Time I Tried Explaining HTML and CSS to My 5-Year Old Niece
  • [H3] progress()
  • [H3] abs()
  • [H3] animation-range
  • [H3] view-timeline-axis
  • [H3] view-timeline-inset
  • [H3] blur()
  • [H3] superellipse()
  • [H3] corner-shape
  • [H3] asin()
  • [H3] acos()
  • [H3] cross-fade()
  • [H3] CSS Color Functions
  • [H3] Styling Counters in CSS
  • [H3] CSS Anchor Positioning Guide
  • [H3] CSS Selectors
  • [H3] CSS Length Units
  • [H3] CSS Container Queries
  • [H3] CSS Media Queries Guide
  • [H3] Cascade Layers Guide
  • [H3] CSS Functions Guide
  • [H3] CSS Gradients Guide
  • [H3] CSS Custom Properties Guide
  • [H3] Scroll Animation
  • [H3] Yellow Flash
  • [H3] Self-Drawing Shapes
  • [H3] Scroll Shadows
  • [H3] Editable Style Blocks
  • [H3] Scroll Indicator
  • [H3] Border Triangles
  • [H3] Pin Scrolling to Bottom
  • [H3] Infinite Scrolling Background Image
  • [H4] Keep up to date on web dev
  • [H5] DigitalOcean
  • [H5] CSS-Tricks
  • [H5] Social

Imagens

Encontrámos 50 imagens nesta página.

47 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.

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 122 ligações incluindo 1 ligações a ficheiros

Âncoras Tipo Sumo
Skip to main content Internas Passa sumo
accessibility Internas Passa sumo
dialog Internas Passa sumo
popover Internas Passa sumo
Popover API or Dialog API: Which to Choose? Internas Passa sumo
Zell Liew Internas Passa sumo
DigitalOcean Externas Passa sumo
Trying to Make the Perfect Pie Chart in CSS Internas Passa sumo
charts Internas Passa sumo
data visualization Internas Passa sumo
Juan Diego Rodríguez Internas Passa sumo
Spiral Scrollytelling in CSS With sibling-index() Internas Passa sumo
CSS functions Internas Passa sumo
GSAP Internas Passa sumo
Scroll Driven Animation Internas Passa sumo
Lee Meyer Internas Passa sumo
There is No Need to Trap Focus on a Dialog Element Internas Passa sumo
modal Internas Passa sumo
Approximating contrast-color() With Other CSS Features Internas Passa sumo
color Internas Passa sumo
color-contrast() Internas Passa sumo
relative color Internas Passa sumo
Kevin Hamer Internas Passa sumo
Responsive Hexagon Grid Using Modern CSS Internas Passa sumo
math Internas Passa sumo
shapes Internas Passa sumo
Temani Afif Internas Passa sumo
Styling ::search-text and Other Highlight-y Pseudo-Elements Internas Passa sumo
pseudo elements Internas Passa sumo
Daniel Schwarz Internas Passa sumo
That Time I Tried Explaining HTML and CSS to My 5-Year Old Niece Internas Passa sumo
learning Internas Passa sumo
Kevine Nzapdi Internas Passa sumo
news Internas Passa sumo
What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More Internas Passa sumo
layout Internas Passa sumo
position Internas Passa sumo
Yet Another Way to Center an (Absolute) Element Internas Passa sumo
security Internas Passa sumo
An Exploit … in CSS?! Internas Passa sumo
bookmarklet Internas Passa sumo
JavaScript Internas Passa sumo
A Complete Guide to Bookmarklets Internas Passa sumo
Declan Chidlow Internas Passa sumo
images Internas Passa sumo
performance Internas Passa sumo
SVG Internas Passa sumo
Loading Smarter: SVG vs. Raster Loaders in Modern Web Design Internas Passa sumo
Mariana Beldi Internas Passa sumo
Keep browsing in the archives Internas Passa sumo
Safari TP 238 Externas Passa sumo
# Internas Passa sumo
Firefox 148 Externas Passa sumo
# Internas Passa sumo
# Internas Passa sumo
Safari TP 237 Externas Passa sumo
# Internas Passa sumo
More Quick Hits → Internas Passa sumo
progress() Internas Passa sumo
abs() Internas Passa sumo
Gabriel Shoyombo Internas Passa sumo
animation-range Internas Passa sumo
John Rhea Internas Passa sumo
view-timeline-axis Internas Passa sumo
view-timeline-inset Internas Passa sumo
blur() Internas Passa sumo
filter Internas Passa sumo
superellipse() Internas Passa sumo
Saleh Mubashar Internas Passa sumo
corner-shape Internas Passa sumo
asin() Internas Passa sumo
acos() Internas Passa sumo
cross-fade() Internas Passa sumo
CSS Color Functions Internas Passa sumo
Sunkanmi Fafowora Internas Passa sumo
Styling Counters in CSS Internas Passa sumo
counters Internas Passa sumo
lists Internas Passa sumo
CSS Anchor Positioning Guide Internas Passa sumo
anchor positioning Internas Passa sumo
CSS Selectors Internas Passa sumo
selectors Internas Passa sumo
Geoff Graham Internas Passa sumo
CSS Length Units Internas Passa sumo
container units Internas Passa sumo
units Internas Passa sumo
CSS Container Queries Internas Passa sumo
container-queries Internas Passa sumo
CSS Media Queries Guide Internas Passa sumo
media queries Internas Passa sumo
Andrés Galante Internas Passa sumo
Cascade Layers Guide Internas Passa sumo
cascade layers Internas Passa sumo
Miriam Suzanne Internas Passa sumo
CSS Functions Guide Internas Passa sumo
functions Internas Passa sumo
Eric Bailey Internas Passa sumo
CSS Gradients Guide Internas Passa sumo
CSS Custom Properties Guide Internas Passa sumo
custom properties Internas Passa sumo
Chris Coyier Internas Passa sumo
Scroll Animation Internas Passa sumo
Yellow Flash Internas Passa sumo
Self-Drawing Shapes Internas Passa sumo
Scroll Shadows Internas Passa sumo
Editable Style Blocks Internas Passa sumo
Scroll Indicator Internas Passa sumo
Border Triangles Internas Passa sumo
Pin Scrolling to Bottom Internas Passa sumo
Infinite Scrolling Background Image Internas Passa sumo
DigitalOcean Externas Passa sumo
About DO Externas Passa sumo
Cloudways Externas Passa sumo
Legal stuff Externas Passa sumo
Get free credit! Externas Passa sumo
Contact Internas Passa sumo
Write for CSS-Tricks! Internas Passa sumo
Advertise with us Internas Passa sumo
RSS Feeds Internas Passa sumo
CodePen Externas Passa sumo
Mastodon Externas Passa sumo
Bluesky Externas Passa sumo

Palavras-chave SEO

Núvem de palavras-chave

heading first selecting multiple pseudo-class safari very trial becomes css-tricks

Consistência das Palavras-chave

Palavra-chave Conteúdo Título Palavras-chave Descrição Cabeçalhos
safari 3
heading 2
css-tricks 1
very 1
multiple 1

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 : 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

Perfeito, o site tem um mapa XML do site (sitemap).

https://css-tricks.com/sitemap.xml
https://css-tricks.com/post-sitemap.xml
https://css-tricks.com/page-sitemap.xml

Robots.txt

https://css-tricks.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