Skip to content

How to Add SEO and Blog Publishing to a Coded Website

    Got it! If you don’t have developer support and your website is custom-coded, you can still handle basic SEO and blog publishing by yourself — but it depends on how your website is hosted and managed.

    🧩 Step 1: Identify How Your Website Is Built and Hosted

    Before making changes, ask yourself:

    ❓Q1. How was your site created?

    • Do you have .html, .css, or .js files?
    • Was it made on a platform like Webflow, Framer, or coded using VS Code?

    ❓Q2. Where is it hosted?

    • GitHub Pages
    • Netlify
    • Vercel
    • GoDaddy, Hostinger, Bluehost?
    • Some other server with FTP access?

    You’ll need this info to know where to edit your site and how to upload changes.

    🔧 Step 2: Tools You Need (Free + Easy to Learn)

    🧠 Skills Needed:

    • Basic HTML (headers, paragraphs, links)
    • Basic copy-paste skills

    🧰 Tools:

    🗂 Step 3: How to Access Your Website Files

    Option A: Your files are on your computer

    Look for a folder with files ending in .html, .css, or .js.

    You can open them in VS Code:

    1. Right-click on an .html file → Open with VS Code.
    2. You’ll see code like:
      • <html>
        <head>
        <title>Your Website Title</title>
        <meta name=”description” content=”A short summary of this page”>
        </head>
        <body>
        <h1>Welcome to My Website</h1>
        <p>This is the content.</p>
        </body>
        </html>

    You can edit these files, save changes, and upload them back to your host.

    Option B: Your site is hosted online (e.g., GitHub Pages, Hostinger, Netlify)

    If on GitHub Pages / Netlify / Vercel:

    • You’ll usually see a GitHub repository.
    • You can edit files directly online or use GitHub Desktop to pull and push changes.

    If on shared hosting like Hostinger / Bluehost:

    • Log in to your hosting account
    • Go to File Manager or use FTP
    • Download the file you want to edit
    • Edit in VS Code
    • Re-upload after editing

    Let me know your hosting platform if you’re not sure.

    ✍️ Step 4: How to Add a Blog Page (Without CMS)

    Here’s how you can create and add a new blog post manually:

    1. Duplicate an existing HTML page

    Copy one of your existing pages (like about.html) and rename it to blog-title.html.

    2. Edit the content inside

    Change the <title>, <meta description>, and content inside <body>.

    Example: <html>
    <head>
    <title>How to Start SEO for Beginners</title>
    <meta name=”description” content=”A simple guide to learn SEO as a beginner.”>
    </head>
    <body>
    <h1>How to Start SEO for Beginners</h1>
    <p>SEO helps your website rank on Google. In this blog, you’ll learn basic steps to get started…</p>
    </body>
    </html>

    3. Link it from a blog listing page

    Create a page called blog.html and add links like this:

    <h2>Latest Blogs</h2>
    <ul>
    <li><a href=”how-to-start-seo.html”>How to Start SEO for Beginners</a></li>
    <li><a href=”freelancing-tips.html”>5 Tips to Grow Your Freelancing Business</a></li>
    </ul>

    This is how your blog becomes visible to visitors and Google.

    ✅ Step 5: Apply Basic SEO to Every Page

    Inside the <head> of every page (including blog posts), make sure to add:

    <title>Your Page Title</title>
    <meta name=”description” content=”Short SEO-friendly summary with keywords.”>
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>

    And inside the <body>:

    • Use <h1> for the title of the page (only once per page)
    • Use <h2> and <h3> for sections
    • Include internal links and external links
    • Add images with proper alt tags:
      <img src=”seo-guide.png” alt=”Beginner SEO Guide”>

    🌐 Step 6: Submit to Google

    1. Go to Google Search Console
    2. Add your site (verify ownership via domain or file upload)
    3. Submit your sitemap (ask if you need help creating it)
    4. Use “URL Inspection” tool to tell Google about your new blog pages

    🔚 Final Summary

    Even without developer help, you can run your own SEO and blog strategy. Here’s your simplified flow:

    1. ✅ Access your site files (VS Code + Hosting)
    2. ✍️ Create blog posts using .html files
    3. 🔍 Add basic SEO tags (title, description, headers)
    4. 📁 Upload files via hosting or GitHub
    5. 📢 Share + Submit new pages to Google

    Absolutely! Below is a complete example of a basic SEO-optimized blog post in pure HTML, suitable for uploading to your custom-coded website. This version is beginner-friendly and includes:

    • Proper SEO meta tags
    • Structured content using heading tags (<h1>, <h2>)
    • Internal links, external links, and image alt tags
    • Mobile responsiveness tag (viewport)
    • Blog CTA at the bottom

    ✅ Sample SEO Blog: seo-tips-for-beginners.html

    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="Learn easy and actionable SEO tips for beginners to improve your website visibility on Google and attract more visitors.">
  <meta name="keywords" content="SEO tips, beginner SEO, website ranking, Google SEO, how to do SEO">
  <meta name="author" content="Your Name">
  <title>Top SEO Tips for Beginners to Rank on Google</title>
</head>
<body style="font-family: Arial, sans-serif; line-height: 1.6; max-width: 800px; margin: 0 auto; padding: 20px;">

  <header>
    <h1>Top SEO Tips for Beginners to Rank on Google</h1>
    <p><em>Published on July 31, 2025 by Your Name</em></p>
  </header>

  <img src="images/seo-guide.jpg" alt="SEO Tips for Beginners" style="width:100%; border-radius: 8px; margin-bottom: 20px;" />

  <section>
    <h2>What is SEO?</h2>
    <p>SEO (Search Engine Optimization) is the process of improving your website so that it ranks higher in search engine results. This helps more people find your website when searching on platforms like Google.</p>
  </section>

  <section>
    <h2>1. Start With Keyword Research</h2>
    <p>Before writing a blog post or website page, use tools like <a href="https://neilpatel.com/ubersuggest/" target="_blank">Ubersuggest</a> or <a href="https://ahrefs.com/keywords-explorer" target="_blank">Ahrefs</a> to find what your audience is searching for. Focus on keywords that match your content.</p>
  </section>

  <section>
    <h2>2. Use Headings and Subheadings</h2>
    <p>Break your content into sections with headings (`h1`, `h2`, `h3`). This makes it easy to read and helps Google understand your content better.</p>
  </section>

  <section>
    <h2>3. Write a Clear Meta Title and Description</h2>
    <p>Your blog’s title tag and meta description are what users see in Google search results. Make sure it’s relevant, under 60 characters (title), and includes your main keyword.</p>
  </section>

  <section>
    <h2>4. Add Internal Links</h2>
    <p>Link to other pages on your website to help users explore more and stay longer. For example, check out our <a href="digital-marketing-basics.html">Digital Marketing Basics blog</a>.</p>
  </section>

  <section>
    <h2>5. Optimize Your Images</h2>
    <p>Compress large images using <a href="https://tinypng.com" target="_blank">TinyPNG</a> and always add an <code>alt</code> tag for accessibility and SEO.</p>
  </section>

  <section>
    <h2>6. Make It Mobile Friendly</h2>
    <p>Ensure your site is responsive so it looks great on phones and tablets. Use the viewport tag (already added in the header above).</p>
  </section>

  <hr style="margin: 40px 0;" />

  <footer>
    <h2>📲 Want More Business & SEO Tips?</h2>
    <p>Follow us on Instagram – <a href="https://instagram.com/yourhandle" target="_blank">@yourhandle</a></p>
    <p>💼 Interested in mastering sales with neuroscience-based coaching? <a href="https://instagram.com/yourhandle" target="_blank">DM us on Instagram</a> to learn more!</p>
  </footer>

</body>
</html>

    📤 How to Upload This to Your Website

    1. Open your website folder
    2. Create a new file: seo-tips-for-beginners.html
    3. Paste the above code
    4. Save it
    5. Upload it to your hosting (via FTP, File Manager, or GitHub)

    Then update your homepage or blog index to link to this file.

    Table of Contents

    More blogs for you

    Click here