F 06 / 26
Web Encyclopedia

Understanding the web,
in plain English.

Favicon, Footer, Web Fonts, Contact Form — the F-words that shape every professional website.

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
01

Favicon

A favicon is the tiny icon — typically 16×16 or 32×32 pixels — that appears in browser tabs, bookmarks, and mobile home screen shortcuts. It is usually a simplified version of your logo or brand mark. Although small, it plays an important role in brand recognition and professional perception.

Real-world example

A favicon is the equivalent of the embossed logo on a luxury business card. So small it's barely noticed consciously — but its absence immediately makes things feel less polished.

Why it matters for you

A missing or low-quality favicon is a subtle but real trust signal to visitors. A crisp, branded favicon reinforces professionalism at every touchpoint and improves brand recognition across multiple open tabs.

Build a branded website
03

Web Fonts

Web fonts are typefaces loaded from the internet (via services like Google Fonts or locally hosted files) rather than relying on fonts pre-installed on the visitor's computer. They allow designers to use any typeface on any device, ensuring visual consistency across all browsers and operating systems.

Real-world example

Before web fonts, designers were like chefs restricted to only the ingredients already in every customer's fridge. Web fonts mean you can bring your own ingredients and serve the dish exactly as conceived.

Why it matters for you

Typography is one of the most powerful tools in visual communication. The right web font conveys professionalism, personality, and tone. Poorly chosen or unoptimised fonts, however, can slow your site and undermine the brand.

Build a typographically polished site
04

Contact Form

A contact form is an interactive online form embedded in your website, allowing visitors to send you a message directly — without needing to open their email client or know your email address. It typically collects the visitor's name, email address, and their message, then sends it to your inbox.

Real-world example

A contact form is the digital equivalent of a suggestion box or an enquiry slip at a reception desk. It lowers the barrier to getting in touch dramatically — the visitor stays on your site and the effort is minimal.

Why it matters for you

Every additional step between a visitor and contacting you reduces the probability they will do so. A well-designed contact form, prominently placed, is one of the simplest and most effective ways to increase the number of enquiries your website generates.

Add a contact form to my site
06

Funnel

A marketing or sales funnel is a model that maps the journey of a potential customer from first awareness of your brand to completing a purchase (or other conversion). The funnel narrows at each stage — Awareness, Interest, Consideration, Intent, Conversion — because not every visitor progresses to the next step.

Real-world example

A consultancy publishes a free guide (awareness), captures emails (interest), sends a case study sequence (consideration), books a discovery call (intent), and closes the deal (conversion) — each step deliberately designed to move prospects forward.

Why it matters for you

Without a funnel, leads leak at every stage. Mapping your customer journey reveals where most drop-offs occur, so you can fix the one or two bottlenecks that unlock the greatest revenue gains.

Design my conversion funnel
07

FID → INP (Core Web Vitals evolution)

First Input Delay (FID) was Google's original metric for measuring page interactivity — how long after a user's first click does the browser start responding. In March 2024, Google replaced FID with Interaction to Next Paint (INP) as an official Core Web Vitals metric. INP measures the full latency of all interactions throughout a session, not just the first one — making it a far more comprehensive measure of page responsiveness.

Real-world example

An e-commerce site's product filtering tool had a 40ms FID (passing old standards) but a 620ms INP — meaning every filter click left users waiting over half a second for a visual response. After optimising JavaScript execution, INP dropped to 150ms. Both user satisfaction and conversion rate improved measurably.

Why it matters for you

If your site's performance audits still reference FID, they're outdated. INP is now the standard and is a confirmed Google ranking signal. High INP scores — common on JavaScript-heavy sites — suppress your ranking and frustrate users enough to increase your bounce rate.

Optimise my Core Web Vitals
08

Web Framework

A web framework is a pre-built toolkit that provides the foundational structure, conventions, and reusable components developers use to build websites and web applications. Rather than coding everything from scratch, a framework handles common tasks — routing, database interaction, user authentication, form handling — allowing faster, more consistent development. Popular frameworks include React, Next.js, Laravel, and Symfony.

Real-world example

Building a custom booking system without a framework takes 400 hours of development. With Laravel (PHP framework), the same system — with authentication, calendar integration, and email notifications — takes 90 hours. The framework provides tested, secure components that would otherwise require months to write from scratch.

Why it matters for you

Your website developer's framework choice directly affects your site's security, performance, scalability, and long-term maintenance cost. Understanding what framework your site runs on helps you ask informed questions and make better decisions when updating or migrating your digital presence.

Build my website
09

RSS Feed (Really Simple Syndication)

An RSS feed is a standardised XML file that automatically publishes a list of your latest content — blog posts, news articles, podcast episodes — in a format that other applications can read and consume. RSS readers (like Feedly), podcast apps, news aggregators, and automation tools use these feeds to detect and distribute new content the moment it's published, without requiring users to check your site manually.

Real-world example

A consultant publishes a weekly article on their website. Their RSS feed automatically pushes each new post to 340 subscribers' Feedly readers, triggers a Zapier automation that posts a LinkedIn update, and appears in Google Discover — all simultaneously, from one published post.

Why it matters for you

An RSS feed is one of the most underutilised content distribution tools available. It enables loyal readers to follow your work without visiting your site, powers podcast listening apps, and can integrate with dozens of automation workflows at zero marginal cost per subscriber.

Distribute my content automatically
10

Crawl Frequency

Crawl frequency refers to how often Googlebot (Google's web crawler) revisits your website to discover new or updated content. Google adjusts crawl frequency automatically based on your site's update frequency, authority, and server health. High-authority sites with regularly updated content are crawled multiple times daily; low-activity sites may only be crawled once every few weeks.

Real-world example

An e-commerce site that publishes new blog posts daily and regularly updates product prices is crawled by Google several times per day. A static brochure site that hasn't changed in 18 months might only be crawled once a fortnight — meaning any update takes weeks to appear in search results.

Why it matters for you

If you update your prices, launch a promotion, or publish a time-sensitive article, you want Google to find and index it quickly. Improving crawl frequency — through regular content updates, a clean sitemap, and fast server response — ensures your site reflects your latest content in search results.

Improve my indexation speed