fix: normalize amazon dp affiliate links + replace comparison tables (force)

Author: TechStack Global

blog.html

@@ -46,15 +46,15 @@
     <meta content="Compare and choose the best hardware for your workspace." name="twitter:description" />
     <meta content="https://techstackglobal.github.io/assets/images/og-blog.jpg" name="twitter:image" />
 
-<!-- Site Favicons -->
-<link rel="icon" href="/favicon.ico">
-<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-<meta name="theme-color" content="#0a2540">
-<meta property="og:site_name" content="TechStack Global">
-<meta name="application-name" content="TechStack Global">
-<script type="application/ld+json">
+    <!-- Site Favicons -->
+    <link rel="icon" href="/favicon.ico">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <meta name="theme-color" content="#0a2540">
+    <meta property="og:site_name" content="TechStack Global">
+    <meta name="application-name" content="TechStack Global">
+    <script type="application/ld+json">
 {
   "@context": "https://schema.org",
   "@type": "Organization",
@@ -103,6 +103,34 @@ <h1>Guides</h1>
         </div>
 
         <div class="blog-grid" id="blog-posts-container">
+            <!-- New: Headphones Online Classes Guide -->
+            <div class="blog-card glass-card" style="border-top: 3px solid #ff4b2b;">
+                <img src="posts/images/pillar-headphones-hero.jpg" loading="lazy"
+                    alt="Headphones for online classes thumbnail"
+                    style="max-width: 100%; height: auto; border-radius: 8px; margin-bottom: 1rem; display: block;">
+                <div class="blog-category">Hardware Guide</div>
+                <h3><a href="posts/best-headphones-for-online-classes-2026.html">Best Headphones for Online Classes
+                        (2026)</a></h3>
+                <p>Discover the best headphones for online classes in 2026. We review the Sony WH-1000XM5, Bose
+                    QuietComfort Ultra, and Sennheiser Momentum 4 for perfect audio.</p>
+                <div class="card-meta"><span>Hardware Guide</span> <a class="read-more"
+                        href="posts/best-headphones-for-online-classes-2026.html">Read Guide →</a></div>
+            </div>
+
+            <!-- New: Ultrawide Monitor Programming Guide -->
+            <div class="blog-card glass-card" style="border-top: 3px solid #00ff9d;">
+                <img src="posts/images/pillar-monitors-hero.jpg" loading="lazy"
+                    alt="Ultrawide monitor for programming thumbnail"
+                    style="max-width: 100%; height: auto; border-radius: 8px; margin-bottom: 1rem; display: block;">
+                <div class="blog-category">Hardware Guide</div>
+                <h3><a href="posts/best-ultrawide-monitor-for-programming-2026.html">Best Ultrawide Monitor for
+                        Programming (2026)</a></h3>
+                <p>We review the best ultrawide monitor for programming in 2026, comparing the Alienware AW3423DWF,
+                    Samsung Odyssey G8, and LG 34GP83A-B for developers.</p>
+                <div class="card-meta"><span>Hardware Guide</span> <a class="read-more"
+                        href="posts/best-ultrawide-monitor-for-programming-2026.html">Read Guide →</a></div>
+            </div>
+
             <!-- New: Microphones Guide -->
             <div class="blog-card glass-card" style="border-top: 3px solid var(--accent);">
                 <div class="blog-category">Hardware Guide</div>

create_mics.py

@@ -0,0 +1,13 @@
+# TechStack Global Master Affiliate Links
+
+This is a master reference list of stable Amazon affiliate links for products featured across the website. 
+Always use the clean `amazon.com/dp/PRODUCTID?tag=YOURTAG` format to prevent links from breaking due to messy tracking parameters. 
+
+Sony WH-1000XM5
+https://www.amazon.com/dp/B09XS7JWHH?tag=techstackglob-20
+
+Bose QC Ultra
+https://www.amazon.com/dp/B0CCZ26B5V?tag=techstackglob-20
+
+Sennheiser Momentum 4
+https://www.amazon.com/dp/B0B6GHW1SX?tag=techstackglob-20

docs/affiliate_links.md

@@ -0,0 +1,85 @@
+import os
+import glob
+import re
+
+html_files = glob.glob("*.html") + glob.glob("posts/*.html")
+
+favicon_tags = [
+    '<link rel="icon" href="/favicon.ico">',
+    '<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">',
+    '<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">',
+    '<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">',
+    '<meta name="theme-color" content="#0a2540">',
+    '<meta property="og:site_name" content="TechStack Global">',
+    '<meta name="application-name" content="TechStack Global">',
+]
+
+org_schema = """<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "Organization",
+  "name": "TechStack Global",
+  "url": "https://techstackglobal.github.io/",
+  "logo": "https://techstackglobal.github.io/favicon-32x32.png"
+}
+</script>"""
+
+for filepath in html_files:
+    with open(filepath, "r", encoding="utf-8") as f:
+        content = f.read()
+
+    # 1. Favicon Tags
+    tags_to_insert = []
+    
+    # We only insert tags that DO NOT exist in the file
+    for tag in favicon_tags:
+        if tag not in content:
+            # Special check for theme-color to avoid duplicates if other variations exist
+            if "theme-color" in tag and "name=\"theme-color\"" in content:
+                continue
+            if "og:site_name" in tag and "property=\"og:site_name\"" in content:
+                continue
+            if "application-name" in tag and "name=\"application-name\"" in content:
+                continue
+            tags_to_insert.append(tag)
+
+    if tags_to_insert:
+        # Prepend the comment if we are adding anything
+        tags_to_insert.insert(0, "<!-- Site Favicons -->")
+        block = "\n" + "\n".join(tags_to_insert) + "\n"
+        content = content.replace("</head>", block + "</head>")
+        
+    # 2. Org Schema
+    if '"@type": "Organization"' not in content and '"@type":"Organization"' not in content:
+        content = content.replace("</head>", org_schema + "\n</head>")
+        
+    # 3. Homepage fixes ONLY for index.html
+    if filepath == "index.html":
+        # Enforce canonical
+        if "rel=\"canonical\"" in content:
+            content = re.sub(r'<link[^>]+rel=["\']canonical["\'][^>]*>', '<link rel="canonical" href="https://techstackglobal.github.io/index.html">', content)
+        else:
+            content = content.replace("</head>", '<link rel="canonical" href="https://techstackglobal.github.io/index.html">\n</head>')
+        
+        # Enforce og:url
+        if "og:url" in content:
+            content = re.sub(r'<meta[^>]+property=["\']og:url["\'][^>]*>', '<meta property="og:url" content="https://techstackglobal.github.io/index.html">', content)
+        else:
+            content = content.replace("</head>", '<meta property="og:url" content="https://techstackglobal.github.io/index.html">\n</head>')
+            
+        # Enforce title
+        if "<title>" in content:
+            content = re.sub(r'<title>.*?</title>', '<title>TechStack Global | Smarter Tech Decisions</title>', content, flags=re.IGNORECASE)
+        else:
+            content = content.replace("</head>", '<title>TechStack Global | Smarter Tech Decisions</title>\n</head>')
+            
+        # Enforce og:title
+        if "og:title" in content:
+            content = re.sub(r'<meta[^>]+property=["\']og:title["\'][^>]*>', '<meta property="og:title" content="TechStack Global | Smarter Tech Decisions">', content)
+        else:
+            content = content.replace("</head>", '<meta property="og:title" content="TechStack Global | Smarter Tech Decisions">\n</head>')
+
+    with open(filepath, "w", encoding="utf-8") as f:
+        f.write(content)
+
+print("Headers injected successfully.")

inject_safe_headers.py

@@ -0,0 +1,28 @@
+import os
+import urllib.parse
+from bs4 import BeautifulSoup
+
+files_to_test = [
+    r'c:\Users\PMLS\Desktop\Youtube Shorts\b2b_blog\posts\best-microphones-for-remote-work-2026.html',
+    r'c:\Users\PMLS\Desktop\Youtube Shorts\b2b_blog\posts\best-headphones-for-zoom-meetings-2026.html'
+]
+base_dir = r'c:\Users\PMLS\Desktop\Youtube Shorts\b2b_blog'
+
+for file_path in files_to_test:
+    print(file_path)
+    with open(file_path, 'r', encoding='utf-8') as f:
+        soup = BeautifulSoup(f.read(), 'html.parser')
+    for a in soup.find_all('a'):
+        href = a.get('href', '')
+        if href.startswith('http') or href.startswith('#') or href.startswith('mailto:') or not href:
+             continue
+        # Check local file
+        href = href.split('?')[0].split('#')[0]
+        if href.startswith('/'):
+            target = os.path.join(base_dir, href[1:].replace('/', '\\'))
+        else:
+            target = os.path.join(os.path.dirname(file_path), href.replace('/', '\\'))
+        target = os.path.normpath(target)
+        if not os.path.exists(target):
+             print(f'WARNING: Broken internal link: {href} -> {target}')
+print('Done link check')

my_check_links.py

@@ -0,0 +1,59 @@
+import os
+from bs4 import BeautifulSoup
+import requests
+
+files_to_test = [
+    r'c:\Users\PMLS\Desktop\Youtube Shorts\b2b_blog\posts\best-microphones-for-remote-work-2026.html',
+    r'c:\Users\PMLS\Desktop\Youtube Shorts\b2b_blog\posts\best-headphones-for-zoom-meetings-2026.html'
+]
+
+dash_chars = ['—', '–']
+
+for file_path in files_to_test:
+    print(f'\\n--- Testing {os.path.basename(file_path)} ---')
+    with open(file_path, 'r', encoding='utf-8') as f:
+        html = f.read()
+    soup = BeautifulSoup(html, 'html.parser')
+    
+    # Check dashes
+    for tag in ['p', 'h1', 'h2', 'h3', 'h4', 'li']:
+        for el in soup.find_all(tag):
+            text = el.get_text()
+            for dash in dash_chars:
+                if dash in text:
+                    print(f'WARNING: Dash {dash} found in text: {text[:50]}...')
+    
+    # Check images
+    for img in soup.find_all('img'):
+        src = img.get('src', '')
+        if not src.startswith('/posts/images/') and not src.startswith('../posts/images/'):
+             print(f'WARNING: Invalid image source: {src}')
+        
+        # we will check if it exists relative to the root
+        abs_src = 'c:\\Users\\PMLS\\Desktop\\Youtube Shorts\\b2b_blog' + src.replace('/', '\\')
+        if not os.path.exists(abs_src):
+             print(f'WARNING: Image file missing locally: {abs_src}')
+             
+        if img.get('loading') != 'lazy':
+             print(f'WARNING: Missing loading=lazy on image: {src}')
+        if not img.get('alt'):
+             print(f'WARNING: Missing alt text on image: {src}')
+             
+    # Check affiliate links
+    for a in soup.find_all('a', class_='btn-primary'):
+        href = a.get('href', '')
+        if 'amazon.com' in href:
+            if 'tag=techstackglob-20' not in href:
+                print(f'WARNING: Missing affiliate tag in: {href}')
+            if a.get('target') != '_blank':
+                print(f'WARNING: Missing target=_blank in: {href}')
+            if a.get('rel') != ['nofollow', 'noopener', 'sponsored']:
+                print(f'WARNING: Invalid rel attribute in: {href}')
+                
+    # Check tables
+    for table in soup.find_all('table'):
+        parent = table.find_parent('div', class_='table-responsive')
+        if not parent:
+            print(f'WARNING: Table missing table-responsive wrapper')
+            
+    print('Done checking HTML structure.')