Visualising SEO

A collection of illustrations explaining SEO terminology and concepts.

Illustration type
All
Technical
On-page
Site structure
Mobile
SERP
  • Canonicals

    A canonical URL is the URL of the page that Google thinks is most representative from a set of duplicate pages on your site. Canonical tags suggest to Google which page you think is the correct page to consolidate ranking signals to.
    Download
  • Hreflang

    If you have multiple versions of a page for different languages or regions, tell Google about these different variations with Hreflang. Doing so will help Google Search point users to the most appropriate version of your page by language or region.
    Download
  • GTM Installation

    Install the first snippet as high up in the head of the page as possible, but after the dataLayer code. Install the second snippet at the top of the opening body tag.
    Download
  • 301 redirects

    A 301 redirect indicates that a URL has permanently moved to a new location and is not coming back.
    Download
  • 302 redirects

    A 302 redirect indicates that you are temporarily sending users to a different URL and the original is coming back shortly.
    Download
  • Redirect chains

    Redirect chains are when there are multiple redirects required before the user arrives at the final URL.
    Download
  • Redirect loops

    A redirect loop is where a URL redirects to another and then goes back to the original URL, creating a never-ending loop.
    Download
  • Flat site structure

    A flat site structure is when the majority of pages on a site are a minimal amount of clicks from the home page.
    Download
  • Deep site structure

    A deep site structure is when the majority of pages are multiple clicks from the home page, resulting in them receiving less PageRank.
    Download
  • Pagination canonicals

    Canonicals within a paginated sequence should be self-referential and should also not include the noindex tag in most scenarios.
    Download
  • Pagination view all page setup

    With a view all page pagination set-up, if pages within the paginated sequence still exist in your CMS, you should canonicalise them all to the view all page.
    Download
  • Topic clusters

    Topic clustering is a popular internal linking strategy that consists of 'pillar' pages covering a topic that then links out to 'cluster' pages with further details targeting long-tail keywords.
    Download
  • Multi-level topic clusters

    New
    Topic clusters can have multiple levels. In this scenario, cluster pages link to further more specific cluster pages, which have cross-linking between them.
    Download
  • rel="nofollow"

    The rel="nofollow" attribute is a hint to Google to not associate your site with the URL you are linking out to and also prevent crawling.
    Download
  • Noindex

    The noindex tag instructs Google to not index and show a page in search results, commonly found in either the head of a page or within HTTP headers.
    Download
  • Robots.txt

    New
    You can use a robots.txt file to block web crawlers (like Googlebot) from being able to access specific URLs on your site that you do not want them to crawl.
    Download
  • Meta description

    New
    A meta description is a tag contained within the of a webpage that suggests to Google what to display under the title within search results.
    Download
  • PageRank

    New
    PageRank is an algorithm developed by Google that helps them rank websites within search results by using links to determine the importance of web pages.
    Download
  • Dynamic serving

    New
    With dynamic serving you can vary the HTML sent to a user's device depending on what it is. This works by the server detecting the device type and serving different HTML.
    Download
  • Responsive design

    New
    Responsive design is a way to change a web page's design based on the user's device. This approach uses @media CSS queries to change the design, while keeping the HTML of the web page consistent for each device type. This is the recommended approach by Google.
    Download
  • Title tag

    New
    A title tag is the HTML code you use to name your webpage. You can include it to suggest to search engines what they should show within search results for your page. It's also displayed to users within most browsers within the tab bar.
    Download
  • Separate mobile URLs

    New
    The separate mobile URL's approach to varying your web page's design per device uses different URLs for each device type, often with the mobile variant served on a subdomain.
    Download
  • People also ask

    New
    People also ask is a SERP feature that answers questions related to the user's query.
    Download