CMST 386 Web Projects

Project 1: SEO Best Practices, Accessibility, and User Engagement

How Search Engines Work

A search engine's job starts with crawling, where automated bots move across the web following links from page to page, and this is what lets the engine discover new or updated content without anyone having to submit it directly. Once a page is found, the engine indexes it by parsing the text, headings, and images and storing that information in a massive database, because without an index there would be nothing to search through when a query actually comes in. The part that does most of the heavy lifting, though, is ranking: when someone types a query, the engine isn't searching the live web in real time, it's pulling from that stored index and running it through an algorithm that weighs hundreds of signals, like relevance, site authority, and page speed, to decide what actually deserves the top spot. Overall, crawling finds the content, indexing organizes it, and ranking is what determines whether a user ever sees it (Google Search Central, n.d.).

Why Keywords and Meta Descriptions Matter

Meta tags don't show up anywhere on the visible page, but that doesn't mean they aren't doing work behind the scenes. The meta keywords tag used to signal to search engines what a page was about, while today most engines have stopped weighing it in rankings because it was too easy to stuff with irrelevant terms and manipulate. The meta description is different, and it's really the one that still matters: it's the short summary that appears under your page title in search results, so it functions less like a ranking factor and more like advertising copy that decides whether someone actually clicks through. What really makes a description work is when it's specific and honest about what's on the page, because a vague or misleading description might earn a click but it won't hold the user's trust once they land on a page that doesn't match. Overall, keywords tell the story of what SEO used to look like, while meta descriptions represent what still counts today: writing for the human deciding whether to click, not just the algorithm (Moz, n.d.).

Four Elements of Relevant Content Links

A relevant content link really comes down to four things working together. The first is descriptive anchor text: the clickable words should clearly describe where the link goes or what it's about, instead of vague filler like "click here" or "read more" that tells the reader nothing until after they've already clicked. The second is keyword placement, which means putting the most important word or phrase near the front of the anchor text so both a human skimming the page and a search engine crawler can pick up the link's topic immediately, rather than burying it at the end. The third is context and relevance: the link has to connect directly to the surrounding sentence and genuinely add something useful, because a link that feels forced or unrelated just frustrates the reader and chips away at the page's credibility. The fourth is visual distinctness, sometimes called salience, which is the design side of the equation, using a contrasting color and an underline so a link stands out from the regular text and nobody has to hunt around the page to figure out what's clickable. Overall, a link only does its job when the wording, the keyword position, the context, and the visual styling are all pulling in the same direction (Nielsen Norman Group, n.d.; Australian Government Style Manual, n.d.).

Good Heading Hierarchy

Good heading hierarchy works a lot like an outline, and it matters just as much for structure as it does for readability. Each page should have exactly one h1, which states the main topic, while everything underneath nests logically from there, h2 for major sections and h3 for subsections within those, without skipping a level along the way. This is what really makes a page scannable, because both human readers and screen readers depend on that structure to understand how the content is organized and where they are within it, which reduces cognitive load and lets people jump straight to the section they need instead of reading everything top to bottom. For example, a page might use an h1 of "Search Engine Optimization Basics," followed by an h2 of "How Search Engines Work," with a nested h3 underneath it reading "Crawling and Indexing," where the h1 sets the overall topic, the h2 opens a main section, and the h3 narrows that section down to a specific sub-point, so the hierarchy never jumps straight from h1 to h4 and skips over what should be the connecting structure. Overall, heading hierarchy isn't just a formatting rule, it's information architecture applied to a single page.

The Example in Markup

<h1>Search Engine Optimization Basics</h1>
  <h2>How Search Engines Work</h2>
    <h3>Crawling and Indexing</h3>

References