Learn how to correctly connect form labels and input fields to improve accessibility, help AI agents understand forms, and pass Lighthouse label tests.
Read How to Use Form Labels for Accessibility and AI Agents →https://youtu.be/JFtJiiv96zY How do you get started with WebMCP? WebMCP is a newly proposed standard offering a way for websites to communicate more clearly with AI agents.
Read WebMCP: How to Get Started →What is semantic HTML? Why should we use it? How do you know if you are using semantic HTML and using it correctly? A brief explainer...
Read What is Semantic HTML? →While testing AI agents on websites recently, I’ve noticed something interesting: the reasoning steps sometimes mention ARIA tags. What exactly are ARIA tags? What do we need to know about them? Should we use them? ARIA (Accessible Rich Internet Applications) is part of web accessibility.
Read What is ARIA? →Rendering is how the browser converts all the files it has received from the server into a functioning webpage. What are render blocking resources?
Read Render Blocking Resources →What do you do if bots can't load JavaScript and are missing some content on your website? How do you move content to server-side rendering (SSR)?
Read How to Change to Server-Side Code →What is client-side code? What is server-side code? What code can Google and OpenAI actually see when crawling the website?
Read Client-side vs. Server-side Code →Should you use H1 tags (or other header tags)? Are header tags required for SEO? Like so many technical SEO topics, these questions have a complex, nuanced answer..
Read Use H1 Tags →CSS rules can be tricky to analyze. An element's styles might be defined in multiple places across the CSS file and it may inherit several different styles.
Read Chrome DevTools: Analyze CSS →SEO and Web accessibility often overlap. A good example of this is writing good anchor text for every link contained on the website.
Read Using Appropriate Anchor Text →Unused CSS or JavaScript code will slow your website and can worsen Core Web Vitals metrics. How do you find how much unused code there is on your website? One way to find unused CSS or JavaScript code is in Chrome DevTools.
Read Chrome DevTools: Unused CSS →A typical speed recommendation is to consolidate (or concatenate) multiple JavaScript or CSS files into a single file. Does this still make sense? The idea is that consolidating multiple files into a single file reduces how many requests need to be made when the browser/robot is loading a webpage.
Read Consolidate JavaScript or CSS Files →