The wiki · page 3 of 25

The reference desk for winning online.

Evergreen guides — kept current, backed by our own scan data, written in plain talk. Every article opens with the answer, not a preamble.

03 — Schema & Rich Results

What Is Review Schema?

Review schema is structured data from schema.org that marks up a rating and opinion about a business, product, or service so search engines can understand and display it. Added as JSON-LD, a single review names the author, the rating value, and the item reviewed, while AggregateRating summarizes many reviews into an average and count. Google can render this as gold star ratings beneath a listing, which increases visibility and click-through when applied to eligible content honestly.

UPDATED 2026-07-09 · READ →

What Is Breadcrumb Schema?

Breadcrumb schema is structured data from schema.org that describes the navigational path to a page, from the homepage down through categories to the current page. Added as JSON-LD using BreadcrumbList, it lists each step in order with a name and URL. Google uses it to replace the plain URL in a search listing with a readable breadcrumb trail, helping searchers understand where a page sits in your site and improving the appearance and clarity of your result.

UPDATED 2026-07-09 · READ →

What Is Organization Schema?

Organization schema is structured data from schema.org that describes a company or brand as an entity to search engines, including its official name, logo, website, contact details, and social profiles. Added as JSON-LD, usually on the homepage, it helps Google build an accurate knowledge panel, associate your logo with your brand in search, and understand who is behind a website. It underpins brand identity across search and is the parent type of LocalBusiness.

UPDATED 2026-07-09 · READ →

What Is Article Schema?

Article schema is structured data from schema.org that describes a news story, blog post, or informational article to search engines, including its headline, author, publish date, and images. Added as JSON-LD, it helps Google understand editorial content and can enhance eligibility for features like Top Stories and rich presentation in search. Subtypes include NewsArticle and BlogPosting. It clarifies who wrote a piece, when, and what it covers, supporting trust and discovery.

UPDATED 2026-07-09 · READ →

What Is Service Schema?

Service schema is structured data from schema.org that describes a service a business offers, such as drain cleaning, tax preparation, or personal training, rather than a physical product. Added as JSON-LD, it names the service, the provider, the area served, and optionally the offer terms. It helps search engines and AI systems understand exactly what a business does and where, supporting relevance for service-based searches. It is the natural counterpart to Product schema for service businesses.

UPDATED 2026-07-09 · READ →

What Is Event Schema?

Event schema is structured data from schema.org that describes a scheduled event, such as a class, workshop, grand opening, or fundraiser, to search engines. Added as JSON-LD, it states the event name, start and end times, location (physical or virtual), and ticket or attendance details. Google can use it to display an event rich result showing the date, time, and place directly in search and in Google's event experiences, helping people discover and attend local happenings.

UPDATED 2026-07-09 · READ →

What Is Video Schema?

Video schema is structured data, using schema.org's VideoObject type, that tells search engines the key details of a video on a page: its title, description, thumbnail, upload date, and duration. Marking up videos this way lets Google display them as video rich results, list them in the Videos tab, and unlock features like key moments and live badges. Instead of guessing from surrounding text, search engines read the facts directly, which improves how videos are discovered and shown.

UPDATED 2026-07-09 · READ →

What Are Rich Results?

Rich results are enhanced Google search listings that display extra visual detail, such as star ratings, images, prices, FAQs, and event dates, pulled from structured data on a page. Unlike a plain blue-link result with only a title and description, a rich result stands out by rendering additional information directly in the search results, which typically raises click-through rate. They are powered by schema.org markup that tells Google what each piece of content means, so the search engine can present it in a richer, more useful format.

UPDATED 2026-07-09 · READ →

What Is AggregateRating Schema?

AggregateRating schema is structured data that summarizes the overall rating of a product, service, or item from multiple reviews, expressed as an average score, the rating scale, and the number of reviews or ratings. Added with schema.org's AggregateRating type and usually nested inside a Product, Recipe, or similar item, it can make Google show star ratings in search results, which draws attention and lifts clicks. It condenses many individual reviews into one machine-readable summary that search engines can display at a glance.

UPDATED 2026-07-09 · READ →

What Is HowTo Schema?

HowTo schema is structured data, using schema.org's HowTo type, that describes a set of steps for completing a task, breaking a tutorial into ordered steps with optional tools, materials, images, and time estimates. It once powered step-by-step HowTo rich results in Google Search, but Google deprecated those rich results in 2023, so the markup no longer produces that visual feature. It remains a valid way to structure instructional content for other systems, AI parsers, and clarity, though it no longer earns a dedicated Google search enhancement.

UPDATED 2026-07-09 · READ →

What Is a Sitelinks Searchbox?

A sitelinks searchbox was a Google search feature that displayed a search box directly within a site's search result, letting users search that site's content from Google before clicking through. It appeared mainly for well-known, prominent sites and could be influenced by WebSite structured data containing a SearchAction. Google announced in late 2024 that it was deprecating the sitelinks searchbox, so the feature no longer appears in search results, and the associated markup no longer triggers it.

UPDATED 2026-07-09 · READ →

What Is Schema Validation?

Schema validation is the process of checking that a page's structured data is syntactically correct and meets the requirements to be eligible for rich results. It confirms the markup parses without errors, uses valid schema.org types and properties, includes all required fields, and matches Google's guidelines and the visible page content. Validation catches problems such as malformed dates, missing properties, and blocked images before they silently disqualify a page from search features, making it an essential step between writing markup and publishing it.

UPDATED 2026-07-09 · READ →

04 — Web Design

How Much Does a Website Cost in 2026? Real Numbers

In 2026 a professionally built small-business website costs $2,500–$10,000 up front, DIY builders run $200–$500 a year plus your evenings, and template freelancers charge $500–$1,500. The real question isn't the price — it's whether the site generates more than it costs.

UPDATED 2026-07-08 · READ →

How to Redesign a Website Without Losing Your SEO

Redesigns lose rankings when URLs change without redirects, ranking content gets deleted, or the new site is slower than the old one. The protection protocol: inventory what currently ranks before touching anything, keep URLs stable wherever possible and 301-redirect every one that changes, preserve the content earning traffic, match or beat the old site's speed, and monitor Search Console daily for a month after launch. Done properly, redesigns typically improve rankings.

UPDATED 2026-07-08 · READ →

Do I Need a New Website? A 10-Point Self-Audit

You need a new website when it fails the tests that cost you money: it loads slowly on phones, looks broken or dated on mobile, can't be found for your own services, embarrasses you against competitors, or can't be updated without a developer archaeology project. Run the 10-point audit below — three or more failures means redesign; one or two usually means targeted fixes are the cheaper answer.

UPDATED 2026-07-08 · READ →

What Is Visual Hierarchy in Web Design?

Visual hierarchy is the arrangement of elements on a web page to guide the eye through content in order of importance. Using size, color, contrast, spacing, and position, designers make the most important elements, such as a headline or a call-to-action button, stand out first, while supporting details recede. Strong visual hierarchy helps visitors instantly understand a page and take the desired action without conscious effort, which is why it is one of the most important principles in effective web and interface design.

UPDATED 2026-07-09 · READ →

What Is a Wireframe?

A wireframe is a simplified, low-detail blueprint of a web page that shows layout, structure, and content placement without colors, fonts, or images. Usually drawn in grayscale with boxes and placeholder text, it maps where the header, navigation, headline, buttons, and content blocks go. Wireframes let teams agree on structure and functionality early, before investing in visual design or code, which makes changes cheap and fast. They are a fundamental planning step in professional web design, focusing attention on how a page works rather than how it looks.

UPDATED 2026-07-09 · READ →

What Is a Website Mockup?

A website mockup is a static, high-fidelity visual design of a web page that shows exactly how the finished site will look, with real colors, fonts, images, spacing, and branding, but without working functionality. It sits between a low-detail wireframe and a coded, interactive prototype. A mockup lets clients and designers review and approve the full visual design before development begins, so everyone sees the intended result in advance and expensive changes are made on the design, not on the built site.

UPDATED 2026-07-09 · READ →

What Is a Design System?

A design system is a shared library of reusable standards, components, and guidelines that keep a website or product visually and functionally consistent. It typically includes color palettes, typography, spacing rules, UI components like buttons and forms, and usage documentation, often expressed as design tokens and coded components. By defining these once and reusing them everywhere, teams build faster, avoid inconsistency, and scale a brand cleanly across many pages and products. It is the single source of truth that connects design and development.

UPDATED 2026-07-09 · READ →

What Is a Website Style Guide?

A website style guide is a reference document that defines the visual and written rules for a site, including colors, fonts, logo usage, spacing, buttons, imagery, and tone of voice. It keeps every page consistent no matter who builds or updates it. For a local business, a style guide protects brand recognition across the website, Google Business Profile, ads, and print, so the plumber's truck, invoice, and homepage all look like one company.

UPDATED 2026-07-09 · READ →

What Is White Space in Design?

White space, also called negative space, is the empty area between and around elements on a page, margins, padding, line spacing, and the gaps around text and images. It does not have to be white; it is simply the breathing room that is not filled with content. Good white space makes a website feel calm, easy to scan, and professional, guiding the eye to what matters. For local businesses, generous white space signals quality and helps visitors find the phone number or booking button fast.

UPDATED 2026-07-09 · READ →

What Is Above the Fold?

Above the fold is the portion of a web page visible without scrolling, the first screen a visitor sees when the page loads. The term comes from newspapers, where the most important stories ran above the physical fold. On a website, this prime area typically holds the headline, main image, and primary call-to-action. For local businesses, what appears above the fold shapes first impressions in seconds and heavily influences whether a visitor stays, scrolls, or leaves.

UPDATED 2026-07-09 · READ →

What Is a Hero Section?

A hero section is the large, prominent area at the top of a web page, usually the first thing visitors see, that combines a headline, supporting text, an eye-catching image or video, and a primary call-to-action. It is the visual and messaging centerpiece that introduces what a business offers and invites the visitor to act. For local businesses, a strong hero section quickly communicates the service, location, and next step, making it one of the highest-impact elements on any page.

UPDATED 2026-07-09 · READ →

What Is Website Navigation?

Website navigation is the system of menus, links, and structure that lets visitors move around a site and find what they need, most visibly the main menu in the header, plus footer links, breadcrumbs, and internal links. Good navigation makes a site intuitive: people quickly reach the pages that matter, like services, contact, or booking. For local businesses, clear navigation directly affects whether a visitor finds your services and contact details or gives up and leaves.

UPDATED 2026-07-09 · READ →

What Is a Mega Menu?

A mega menu is a large, expandable dropdown navigation panel that displays many links at once, often organized into columns with headings, and sometimes images or icons, when a visitor hovers over or taps a top-level menu item. Unlike a simple dropdown showing a short list, a mega menu reveals a broad, structured overview of a site's sections. It suits businesses with many services, products, or locations, letting visitors see and reach numerous pages quickly without digging through nested menus.

UPDATED 2026-07-09 · READ →

What Is a Hamburger Menu?

A hamburger menu is the icon of three stacked horizontal lines, resembling a hamburger, that expands into a navigation menu when clicked or tapped. It is used mainly on mobile and compact layouts to hide the full menu behind a small button, saving screen space. Tapping it reveals the site's links. Ubiquitous on phones, the hamburger menu keeps mobile pages uncluttered, though it hides navigation behind an extra tap, a trade-off that matters for how easily visitors find key pages.

UPDATED 2026-07-09 · READ →

What Is a Sticky Header?

A sticky header is a navigation bar that stays fixed at the top of the screen as the visitor scrolls down a page, rather than disappearing off-screen with the rest of the content. It keeps the logo, menu, and key actions like a call or book button always accessible. Sticky headers improve navigation convenience and keep important calls-to-action in view, which can boost conversions, though they must be sized carefully so they do not consume too much screen space, especially on mobile.

UPDATED 2026-07-09 · READ →

What Is a Modal Window?

A modal window is a box that appears on top of a web page's content, usually dimming the background, and requires the visitor to interact with it, close it, confirm, or cancel, before returning to the page. Modals focus attention on a single task or message, such as a signup form, confirmation prompt, or alert. Used sparingly and well, they streamline focused interactions; overused, especially as intrusive popups, they frustrate visitors and can harm both experience and SEO.

UPDATED 2026-07-09 · READ →

What Is a Website Carousel?

A website carousel is a slideshow component that rotates through multiple pieces of content, images, banners, or cards, in the same space, either automatically or via arrows and dots. Also called a slider, it is often used for hero banners, testimonials, or product highlights. Carousels look appealing because they pack many messages into one area, but research shows most visitors only see the first slide, and auto-rotating carousels can hurt usability, conversions, and speed if used carelessly.

UPDATED 2026-07-09 · READ →

What Is a Grid System in Design?

A grid system is an invisible framework of columns, rows, and gutters that designers use to align and organize content on a page. On the web, the most common approach is a 12-column responsive grid whose columns flex to fit any screen. Grids create visual order, consistent spacing, and predictable alignment, making layouts easier to read, faster to build, and simpler to keep coherent across pages and devices.

UPDATED 2026-07-09 · READ →

Looking for news, case studies, and opinion pieces? That's the blog →