READING PROGRESS
The Speed Of Profit™
Spend Less, Sell More!

Content Info

Author: Steven Peter Burke

Published: 2025-06-11

Read time:

Category: guide

Tags: guide, page builder, SEO

Guide to Using the Web Page Builder by The Speed of Profit™

What Is a Web Page Builder?

The webpage builder—also known as the Page Builder—is a no-code tool for creating and editing web pages. The page builder provided by The Speed Of Profit™, which is included with your website hosting, generates HTML webpages with perfect Meta and SEO, but that is not all.

Your web pages will also that load much faster than web pages from Content Management system (CMS) like WordPress, Wix, Squarespace and Shopify.

Is it easy to use? Yes. Just complete the structured input fields and click publish!

The CONTENT field accepts website text, which can be pasted from a Google Doc and converted to the system’s style (Markdown), or already formatted as Markdown.

Markdown is far simpler than HTML, but no one needs to learn Markdown to become proficient with this Page Builder. This system is designed for non-technical users and is much faster to use than drag-and-drop editors, like Elementor Pro, Beaver Builder or Divi.

Sure others boast about AI completing web pages for you and it helps. However, AI does make mistakes and does not always understand what it is your want. So it is important to understand that advertising that claims AI is the answer often overplays the benefits.

Yes, we also include AI in The Speed Of Profit system, and it mostdefiently saves time.

What Are the Benefits of Using This Page Builder?

Web pages created with The Speed Of Profit™ system have a huge advantage. First-time visitors to your website will experience web pages that load with ludicrous speed.

They load 2x to 5x faster than optimized websites built with drag-and-drop editors (page builders), especially on mobile. This page load speed feature comes with two proven profit-boosting benefits:

  • Page Load Speed is a ranking factor when SEO is properly applied.
  • Visitors stay longer when your page loads in under 300ms (0.3 seconds).

When used correctly, our system generates perfect Meta and Schema (SEO), which is rare. When you combine unbeatable SEO with blazing-fast load speeds, your pages can outrank competitors—assuming equal effort in publishing and maintaining content.

You can also outpace competitors by publishing more frequently and consistently. Since our system is lower cost and higher performing, the slogan truly applies: “Spend Less, Sell More!”

Accessing the Builder

If your site is hosted by The Speed Of Profit™, your Page Builder is available at this URL:

https://{your-domain}/page-builder.html

For example:

https://gardenlikeamaster.com/page-builder.html

After logging in with your username and password, you can create a new page or edit an existing page.

Creating a New Page

Skip the “Load Existing Page” field and begin filling out the page details below.

  • Meta Title – Shows in browser tab and search results (max 65 characters).
  • Meta Description – Short summary for search engines (max 160 characters).
  • Slug – This forms the end of your page’s URL. Use lowercase letters and hyphens-between-words (e.g., my-page-title).
  • Category, Author, Publish Date – Helps generate schema metadata.
  • Template – Choose from available templates (auto-populated).

Write Content

Paste your main content into the Markdown field. You have two options:

  1. Use Google Docs + the “Docs to Markdown” free add-on. After you have your document written—complete with headers, sub-headers, and bullet points—one click in Google Docs will produce simple HTML for copying. You paste that HTML into the Content (Markdown) field, then click the CONVERT button to generate Markdown. This Markdown is stored for future editing.
  2. Or write in Markdown directly using simple syntax (e.g., # Heading, **bold**, ![image](url)).

We’ll provide a short video tutorial for each method.

META Fields

Web pages created with The Speed Of Profit™ system are built with what we refer to as “perfect SEO.”

To achieve this, you’ll need to spend 5–10 minutes completing the required fields in the Page Builder. Once you gain experience, this becomes quick and intuitive.

META fields live in the invisible <head> section of the webpage. While visitors don’t see them directly, they are read by search engines and social platforms to determine how your page is ranked and displayed.

Here are the key fields:

  • Page Title (max 65 characters) – Appears in search engine results and browser tabs.
  • Meta Description (max 160 characters) – A short summary for search engines.
  • Headline (optional) – Allows a longer on-page title separate from the search-optimized Page Title.
  • Slug – Forms the final part of your URL. Use keywords, lowercase letters, and hyphens.
  • URL Path Prefix – Optional. Use this to group content under a section or series (e.g., /blog/lead-generation/my-post.html). Leave blank for standalone pages.
  • Content (Markdown) – As explained in the Write Content section.
  • Image Management – See below. Images are required for perfect SEO (1200x630px).
  • Author – Used in Schema to credit the writer.
  • Category – Useful for organization and internal site search.
  • Keywords – Improves search indexing within your site.
  • Schema Type – Required. Determines the structured data format (e.g., BlogPosting).
  • Publish Date – Can be set for future or updated when republishing.
  • Template – Controls layout and design.
  • Video/Podcast Link – Optional. Included in metadata.
  • Twitter Handle – Optional. Used in Twitter Cards for content sharing.
  • Year – Used in copyright notices.
  • Site Name – Auto-populated. If you reset the form, re-enter manually.
  • Language and Regional Settings – See section below.

Preview the Page

Click “Preview” to download a temporary .html version of your page. This allows you to:

  • Check layout and visual formatting
  • Verify SEO tags (Meta, Title, Schema)
  • Confirm everything looks as expected

Note: You don’t have to preview if you’re confident—it’s just a step for double-checking.

Publish the Page

Click “Publish” to:

  • Save a permanent .html file to public_html/
  • Store the Markdown and input data in saved_pages/ for later editing

Reload and Edit Later

To edit an existing webpage on your site:

  • Use the Load Existing Page for Editing field with the exact slug. Example: page-builder-guide
  • Or use a direct URL with ?slug=your-slug-here. Example:
    https://thespeedofprofit.com/page-builder.html?slug=page-builder-guide

All fields will repopulate automatically. You can edit:

  • Text content
  • Meta fields
  • Add or remove images and links
  • Update schema

Then re-publish the updated version.

Image Management

Be aware: the last image uploaded will be used as the main image for Meta, Open Graph, Schema, and Twitter Cards.

Images should be 1200x630px for best SEO results.

Use the upload button to add images.

After uploading, copy the generated URL and insert into your Markdown like this:
![Alt text](/images/filename.jpg)

Replace Alt text with a short description for screen readers. Keep the exclamation mark and brackets intact.

Language and Regional Settings

Even if your site is only in one language, you still need to include language and region settings for SEO.

These fields help search engines serve the correct version of your site to the right users.

  • Primary Locale – Format: en_US (English - U.S.), fr_CA (French - Canada), etc.
  • Alternate Locales – Use CTRL (Windows) or CMD (Mac) to select multiple locales like en_GB, en_AU, en_NZ.
  • Translated Languages – Format: en-US, fr-CA, es-MX. This is used for hreflang SEO metadata.
  • Default Language – The original language of the content (e.g., en, es, fr).

Language translation does increase traffic. For example, one client jumped from 3,000 to 24,000+ weekly visits after adding translations.

And yes—translations with The Speed Of Profit system cost about a penny each.

Supported Schema Types

The builder auto-generates JSON-LD schema based on your selected type:

  • WebPage
  • BlogPosting
  • Organization
  • Person
  • PodcastEpisode
  • Custom Schema (any other type, including the HowTo Schema used on this page)

Coming soon: multi-schema support (e.g., VideoObject with BlogPosting).

Schema improves your visibility in search results.

Technical Overview (No need to learn this)

  • Built with Flask (Python)
  • Uses Jinja2 templates for layout
  • Converts Markdown on the server
  • Converts HTML to Markdown
  • Supports CUSTOM SCHEMA
  • Stores .json and .md backups
  • Slug determines file name and URL

Best Practices

  • Keep meta_description under 160 characters and page_title under 65
  • Use unique slugs for each topic
  • Choose an appropriate template (e.g., blog, landing page)
  • Always include an Open Graph image (og_image)
  • Use Preview or Edit to fix formatting issues before publishing
  • Format links like this in Markdown: [anchor text](http://example.com)