Here is the 2026 edition of the HTML boilerplate I use for websites I build!
Let me know if there's anything else I should consider including!
7
Replies
3
Boosts
@matuzo i'm wondering if you have a test page with og:image:alt set ? I'm (sadly) on teams today and I'm wondering if it support it.
When omited, it's a bit WTF, on your post the alt is "Aperçu de l’URL pour My HTML boilerplate in 2026 - Manuel Matuzović".
So a mix of english and french, and even the french is wrong 😅
@Thain Interesting ^^
Yes, I used this: https://matuzo.at/test/image.html
@matuzo Ok Teams ignore it and add it's own mix of title element and a prefix "Aperçu de l’URL pour Minimal" (I don't know how to change locale in teams, but I think it's the same with something like "Minimal URL preview").
😭
@matuzo What's the rationale for having the non-render-blocking script once in the head and once in the body? You use the same URL there.
@matuzo very handy!
A few thoughts.
The markdown rel="alternate" should also have a title so that humans can see what it is. You do it for RSS.
<html lang="en"> - why not en-GB? You use that later on.
Other than that - great!
@Edent ad md: Good call!
I could, but it doesn't make a big difference and my English is more like en-DE. 😁 I probably mix en-GB and en-US a lot.
