<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: yohendri valles</title>
    <description>The latest articles on Forem by yohendri valles (@yohendri_valles).</description>
    <link>https://forem.com/yohendri_valles</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3918906%2F7460b10d-8658-45fa-94ec-c73e412d8579.png</url>
      <title>Forem: yohendri valles</title>
      <link>https://forem.com/yohendri_valles</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/yohendri_valles"/>
    <language>en</language>
    <item>
      <title>🚀 I Built 40+ Free Web Tools — Here’s What I Learned About SEO, Performance &amp; Growth</title>
      <dc:creator>yohendri valles</dc:creator>
      <pubDate>Mon, 11 May 2026 23:22:18 +0000</pubDate>
      <link>https://forem.com/yohendri_valles/i-built-40-free-web-tools-heres-what-i-learned-about-seo-performance-growth-5398</link>
      <guid>https://forem.com/yohendri_valles/i-built-40-free-web-tools-heres-what-i-learned-about-seo-performance-growth-5398</guid>
      <description>&lt;p&gt;When I started building my project 👉 &lt;a href="https://codetooly.com/" rel="noopener noreferrer"&gt;https://codetooly.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;My goal was simple:&lt;/p&gt;

&lt;p&gt;Create fast, free, useful tools for developers and SEO professionals.&lt;/p&gt;

&lt;p&gt;No ads spam. No bloat. Just tools that solve real problems.&lt;/p&gt;

&lt;p&gt;But after launching 40+ tools and guides, I realized something important:&lt;/p&gt;

&lt;p&gt;Building tools is easy. Getting traffic is the real challenge.&lt;/p&gt;

&lt;p&gt;Here’s what I learned 👇&lt;/p&gt;

&lt;p&gt;⚡ 1. SEO Is Not About Quantity — It’s About Intent&lt;/p&gt;

&lt;p&gt;At first, I thought:&lt;/p&gt;

&lt;p&gt;More pages = more traffic&lt;/p&gt;

&lt;p&gt;Wrong.&lt;/p&gt;

&lt;p&gt;What actually worked:&lt;/p&gt;

&lt;p&gt;✔ Pages targeting specific searches&lt;br&gt;
✔ Clear intent (e.g., compress image to 50KB)&lt;br&gt;
✔ Simple, focused UX&lt;/p&gt;

&lt;p&gt;💡 Example tools you can try:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://codetooly.com/tools/compress-image-to-50kb.html" rel="noopener noreferrer"&gt;https://codetooly.com/tools/compress-image-to-50kb.html&lt;/a&gt;&lt;br&gt;
&lt;a href="https://codetooly.com/tools/png-to-webp.html" rel="noopener noreferrer"&gt;https://codetooly.com/tools/png-to-webp.html&lt;/a&gt;&lt;br&gt;
&lt;a href="https://codetooly.com/tools/slug-generator.html" rel="noopener noreferrer"&gt;https://codetooly.com/tools/slug-generator.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;These pages perform better than generic ones.&lt;/p&gt;

&lt;p&gt;🧠 2. Internal Linking Is a Game Changer&lt;/p&gt;

&lt;p&gt;This was the biggest breakthrough.&lt;/p&gt;

&lt;p&gt;Instead of isolated pages:&lt;/p&gt;

&lt;p&gt;❌ Tool → nothing&lt;br&gt;
❌ Guide → standalone&lt;/p&gt;

&lt;p&gt;I switched to:&lt;/p&gt;

&lt;p&gt;✔ Tool → links to related guides&lt;br&gt;
✔ Guide → links to tools&lt;br&gt;
✔ Guides → link to each other&lt;/p&gt;

&lt;p&gt;💥 Example guide:&lt;br&gt;
&lt;a href="https://codetooly.com/guides/image-compression-guide.html" rel="noopener noreferrer"&gt;https://codetooly.com/guides/image-compression-guide.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;💥 Result: better indexing + higher rankings&lt;/p&gt;

&lt;p&gt;🖼️ 3. Images Actually Matter for SEO&lt;/p&gt;

&lt;p&gt;At first, my site had zero images.&lt;/p&gt;

&lt;p&gt;Bad idea.&lt;/p&gt;

&lt;p&gt;Adding optimized images helped with:&lt;/p&gt;

&lt;p&gt;Engagement&lt;br&gt;
Time on page&lt;br&gt;
Visual clarity&lt;/p&gt;

&lt;p&gt;👉 Full guide:&lt;br&gt;
&lt;a href="https://codetooly.com/guides/image-optimization-complete-guide.html" rel="noopener noreferrer"&gt;https://codetooly.com/guides/image-optimization-complete-guide.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;⚙️ 4. Performance = Rankings&lt;/p&gt;

&lt;p&gt;Speed is not optional.&lt;/p&gt;

&lt;p&gt;I focused on:&lt;/p&gt;

&lt;p&gt;HTML minification&lt;br&gt;
Lazy loading images&lt;br&gt;
Lightweight UI&lt;/p&gt;

&lt;p&gt;👉 Try the tool:&lt;br&gt;
&lt;a href="https://codetooly.com/tools/html-minifier.html" rel="noopener noreferrer"&gt;https://codetooly.com/tools/html-minifier.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🧩 5. Programmatic SEO Works (If Done Right)&lt;/p&gt;

&lt;p&gt;Instead of random pages, I built:&lt;/p&gt;

&lt;p&gt;Compress image to X KB pages&lt;br&gt;
Format converters&lt;br&gt;
SEO utilities&lt;/p&gt;

&lt;p&gt;👉 Example:&lt;br&gt;
&lt;a href="https://codetooly.com/tools/compress-image-to-100kb.html" rel="noopener noreferrer"&gt;https://codetooly.com/tools/compress-image-to-100kb.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;But the key:&lt;/p&gt;

&lt;p&gt;✔ Each page must solve a real problem&lt;br&gt;
✔ Avoid duplicate content&lt;br&gt;
✔ Add real value&lt;/p&gt;

&lt;p&gt;📊 6. Clean Sitemap &amp;gt; Auto-Generated Sitemap&lt;/p&gt;

&lt;p&gt;I tested both:&lt;/p&gt;

&lt;p&gt;❌ Auto sitemap (includes everything)&lt;br&gt;
✔ Optimized sitemap (only important pages)&lt;/p&gt;

&lt;p&gt;Result:&lt;/p&gt;

&lt;p&gt;👉 Better crawl efficiency&lt;br&gt;
👉 Faster indexing&lt;/p&gt;

&lt;p&gt;🔥 Final Thoughts&lt;/p&gt;

&lt;p&gt;If you’re building tools or niche sites:&lt;/p&gt;

&lt;p&gt;Focus on intent-driven pages&lt;br&gt;
Build strong internal linking&lt;br&gt;
Optimize for speed&lt;br&gt;
Use images strategically&lt;br&gt;
Don’t rely on auto-generated SEO&lt;br&gt;
🚀 Try the Tools&lt;/p&gt;

&lt;p&gt;If you're curious, you can explore everything here:&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://codetooly.com/" rel="noopener noreferrer"&gt;https://codetooly.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you're building something similar, I’d love to hear your experience 👇&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>seo</category>
      <category>productivity</category>
      <category>buildinpublic</category>
    </item>
    <item>
      <title># 🚀 Stop Writing Messy HTML — Use This Free HTML Minifier Tool</title>
      <dc:creator>yohendri valles</dc:creator>
      <pubDate>Sun, 10 May 2026 15:10:26 +0000</pubDate>
      <link>https://forem.com/yohendri_valles/-stop-writing-messy-html-use-this-free-html-minifier-tool-5g2g</link>
      <guid>https://forem.com/yohendri_valles/-stop-writing-messy-html-use-this-free-html-minifier-tool-5g2g</guid>
      <description>&lt;h1&gt;
  
  
  🚀 Stop Writing Messy HTML — Use This Free HTML Minifier Tool
&lt;/h1&gt;

&lt;p&gt;If you're still shipping unoptimized HTML… you're leaving performance (and SEO rankings) on the table.&lt;/p&gt;

&lt;p&gt;Today I want to share a simple trick that can instantly make your website faster 👇&lt;/p&gt;




&lt;h2&gt;
  
  
  ⚡ What is HTML Minification?
&lt;/h2&gt;

&lt;p&gt;HTML minification is the process of removing:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Extra spaces&lt;/li&gt;
&lt;li&gt;Line breaks&lt;/li&gt;
&lt;li&gt;Comments&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;👉 Without changing how your site works.&lt;/p&gt;

&lt;p&gt;The result?&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Smaller file size&lt;/li&gt;
&lt;li&gt;Faster load times&lt;/li&gt;
&lt;li&gt;Better SEO performance&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔥 Why It Actually Matters
&lt;/h2&gt;

&lt;p&gt;Google uses &lt;strong&gt;page speed as a ranking factor&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;So yes… cleaner HTML = better rankings.&lt;/p&gt;

&lt;p&gt;But also:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;⚡ Faster load = better UX&lt;/li&gt;
&lt;li&gt;📱 Better mobile performance&lt;/li&gt;
&lt;li&gt;📉 Lower bandwidth usage&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🛠️ Try It Yourself (Free Tool)
&lt;/h2&gt;

&lt;p&gt;I built a simple tool that lets you minify HTML instantly in your browser:&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://codetooly.com/tools/html-minifier.html" rel="noopener noreferrer"&gt;https://codetooly.com/tools/html-minifier.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;No uploads. No limits. No tracking.&lt;/p&gt;




&lt;h2&gt;
  
  
  💡 Before vs After
&lt;/h2&gt;

&lt;p&gt;Here’s a simple example:&lt;/p&gt;

&lt;h3&gt;
  
  
  Before:
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;div&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;h1&amp;gt;&lt;/span&gt;Hello World&lt;span class="nt"&gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  After:
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;div&amp;gt;&amp;lt;h1&amp;gt;&lt;/span&gt;Hello World&lt;span class="nt"&gt;&amp;lt;/h1&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Same result. Less size. Faster delivery.&lt;/p&gt;




&lt;h2&gt;
  
  
  🚀 Pro Tip
&lt;/h2&gt;

&lt;p&gt;Combine HTML minification with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;CSS minification&lt;/li&gt;
&lt;li&gt;JavaScript minification&lt;/li&gt;
&lt;li&gt;Image optimization&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;👉 And your site will fly.&lt;/p&gt;




&lt;h2&gt;
  
  
  📚 Want to Go Deeper?
&lt;/h2&gt;

&lt;p&gt;I also wrote a complete guide here:&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://codetooly.com/guides/html-minifier-guide.html" rel="noopener noreferrer"&gt;https://codetooly.com/guides/html-minifier-guide.html&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  👀 Final Thoughts
&lt;/h2&gt;

&lt;p&gt;Most developers ignore small optimizations…&lt;/p&gt;

&lt;p&gt;But small wins at scale = big results.&lt;/p&gt;

&lt;p&gt;If you care about performance, SEO, or just clean code:&lt;/p&gt;

&lt;p&gt;👉 Start minifying your HTML today.&lt;/p&gt;




&lt;p&gt;💬 What tools do you use for optimization?&lt;/p&gt;

</description>
      <category>html</category>
      <category>webdev</category>
      <category>seo</category>
      <category>java</category>
    </item>
    <item>
      <title>Most developers are doing URL slugs wrong (and it hurts SEO)</title>
      <dc:creator>yohendri valles</dc:creator>
      <pubDate>Fri, 08 May 2026 00:25:10 +0000</pubDate>
      <link>https://forem.com/yohendri_valles/most-developers-are-doing-url-slugs-wrong-and-it-hurts-seo-3ej9</link>
      <guid>https://forem.com/yohendri_valles/most-developers-are-doing-url-slugs-wrong-and-it-hurts-seo-3ej9</guid>
      <description>&lt;p&gt;When I started building websites, I didn’t think much about URL slugs.&lt;/p&gt;

&lt;p&gt;Something like:&lt;br&gt;
/page?id=123&lt;/p&gt;

&lt;p&gt;or even:&lt;br&gt;
/this-is-a-very-long-url-slug-with-too-many-keywords&lt;/p&gt;

&lt;p&gt;seemed fine.&lt;/p&gt;

&lt;p&gt;Turns out… it’s not.&lt;/p&gt;

&lt;p&gt;After testing multiple pages and tools, I realized that bad slugs quietly hurt both SEO and user experience.&lt;/p&gt;

&lt;p&gt;Here’s what actually works 👇&lt;/p&gt;

&lt;h2&gt;
  
  
  🚫 Common mistakes
&lt;/h2&gt;

&lt;p&gt;Most developers:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Use dynamic URLs with IDs&lt;/li&gt;
&lt;li&gt;Stuff keywords into slugs&lt;/li&gt;
&lt;li&gt;Make them too long&lt;/li&gt;
&lt;li&gt;Ignore readability&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Example:&lt;/p&gt;

&lt;p&gt;❌ /best-seo-url-guide-for-beginners-2026&lt;br&gt;&lt;br&gt;
❌ /page?id=928374&lt;br&gt;&lt;br&gt;
❌ /how-to-create-the-best-url-slug-for-seo-ranking-fast&lt;/p&gt;

&lt;h2&gt;
  
  
  ✅ What works better
&lt;/h2&gt;

&lt;p&gt;From what I’ve tested, high-performing slugs usually follow these rules:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;3–5 words max
&lt;/li&gt;
&lt;li&gt;Lowercase only
&lt;/li&gt;
&lt;li&gt;Use hyphens (-), not underscores
&lt;/li&gt;
&lt;li&gt;Include ONE main keyword
&lt;/li&gt;
&lt;li&gt;Remove filler words (like "the", "and", "for")&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Example:&lt;/p&gt;

&lt;p&gt;✅ /seo-url-guide&lt;br&gt;&lt;br&gt;
✅ /slug-generator&lt;br&gt;&lt;br&gt;
✅ /password-generator  &lt;/p&gt;

&lt;h2&gt;
  
  
  ⚡ Why this matters
&lt;/h2&gt;

&lt;p&gt;Short, clean URLs:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Are easier to read&lt;/li&gt;
&lt;li&gt;Get better click-through rates&lt;/li&gt;
&lt;li&gt;Are easier to share&lt;/li&gt;
&lt;li&gt;Help search engines understand your page&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  🛠️ What I built
&lt;/h2&gt;

&lt;p&gt;While working on multiple projects, I got tired of manually creating slugs.&lt;/p&gt;

&lt;p&gt;So I built a simple tool to generate clean, SEO-friendly slugs instantly.&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://codetooly.com/tools/slug-generator.html" rel="noopener noreferrer"&gt;https://codetooly.com/tools/slug-generator.html&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  💡 Final takeaway
&lt;/h2&gt;

&lt;p&gt;If you’re ignoring your URL structure, you’re leaving easy SEO wins on the table.&lt;/p&gt;

&lt;p&gt;Keep it simple.&lt;br&gt;
Keep it short.&lt;br&gt;
Make it readable.&lt;/p&gt;

&lt;p&gt;Curious — how do you generate your slugs?&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcgaskqzxcf6pk6r55w24.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcgaskqzxcf6pk6r55w24.png" alt=" " width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>seo</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>productivity</category>
    </item>
  </channel>
</rss>
