Html code in wordpress posts

Advertise on BHW
Use it if needed, I use it for Amazon disclaimer on the top of the posts that has amazon links and tell Google to not include disclaimer on featured snippet.
So unless you have specific need like above there is no need to use html code.
 
ronegraT said:
Hi

I was adviced to use html code in my wordpress posts, will that help my seo to the beter or will it hur seo? Any ideas or thoughts?

//ronegraT
Click to expand...
In my opinion, we should limit the use of HTML in articles. This would be more convenient for search engine bots to crawl data.
 
No, using html in wordpress posts won’t hurt your seo bro, just make sure the code is clean and not broken, simple stuff like headings, links, bold text, and alt tags actually help google read your page better. Just don’t overdo it or use messy code keep it neat and your seo will be fine.
 
Using HTML in WordPress posts won’t hurt SEO if done correctly; it can help you structure content better (like headings, lists, tables), but messy or incorrect code can cause issues.
 
Well structured and error free HTML in WordPress posts can support SEO by enhancing clarity and user experience, while poor or faulty code may negatively affect results.
 
ronegraT said:
Hi

I was adviced to use html code in my wordpress posts, will that help my seo to the beter or will it hur seo? Any ideas or thoughts?

//ronegraT
Click to expand...
If your HTML is clean and well-structured, it won't affect your SEO to use it in your WordPress posts. Using heading tags (<h1>, <h2>), lists, and semantic markup can actually benefit SEO by making your material easier for search engines to read. Don't use untidy or too much code; it can make your site slower and make it harder for people to utilize.
 
Using HTML in WordPress posts can boost SEO if done right. Clean, structured tags help Google read your content better. Just don’t overload it with messy code keep it simple and semantic.
 
ronegraT said:
Hi

I was adviced to use html code in my wordpress posts, will that help my seo to the beter or will it hur seo? Any ideas or thoughts?

//ronegraT
Click to expand...
Yeah, using a bit of HTML helps if it’s clean

Stuff like proper headings, alt tags, and links. Just don’t overdo it or mess up the structure, that’s what can hurt SEO
 
Using clean, proper HTML code in WordPress posts helps SEO by improving structure and readability, but messy or broken code can hurt rankings.
 
If the html code is clean and has no mistakes it will not hurt your SEO, just make sure that it's not broken.
 
You can use it for any specific customization or requirements. WordPress functions using a combination of HTML, PHP, MySQL, and JavaScript, so there’s no need to worry about that.
 
I'm usually creating blog posts with "wordpress blocks" prompt. for example I'm telling chatgpt to create me a detailed article about some topic and then I tell him to create it with Wordpress code blocks it can basically create you any type of content without breaking the natural way of wordpress generating html with hes builder. If you are using elementor for example so it will be "Wordpress Elementor Html" and so on for another builders.
 
So this could be overdoing it? Like an html page

HTML: 
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<article>
  <header>
     <h1></h1>
    <p></p>
  </header>

  <p></p>

  <h2></h2>
  <ol>
    <li></li>
    <li></li>
    <li></li>
  </ol>

  <h2></h2>
  <ol>
    <li></li>
    <li></li>
    <li></li>
  </ol>

  <h2></h2>
  <ul>
    <li></li>
    <li></li>
    <li></li>
  </ul>

  <section>
    <h2>Relaterat</h2>
    <ul>
      <li></li>
    </ul>
  </section>
</article>
</body>
</html>
 
No, this is regular html code. You need wordpress blocks html code that looks like this one.
Use this prompt (enhance it if you need) in order to get the result that you want:
"Write me an article about how to feed a bird and make it as .html in wordpress html blocks"

HTML: 
<!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","bottom":"40px"}}},"layout":{"type":"constrained","contentSize":"720px"}} -->
<div class="wp-block-group" style="padding-top:40px;padding-bottom:40px">

  <!-- wp:heading {"textAlign":"center","level":1} -->
  <h1 class="wp-block-heading has-text-align-center"> Sample Post Title (Replace Me)</h1>
  <!-- /wp:heading -->

  <!-- wp:paragraph {"align":"center","fontSize":"small"} -->
  <p class="has-text-align-center has-small-font-size">Published on <em>Month DD, YYYY</em> · <a href="#toc">Jump to contents</a></p>
  <!-- /wp:paragraph -->

  <!-- wp:separator {"opacity":"css"} -->
  <hr class="wp-block-separator has-css-opacity"/>
  <!-- /wp:separator -->

  <!-- wp:cover {"url":"https://images.unsplash.com/photo-1500530855697-b586d89ba3ee","dimRatio":30,"isDark":false,"minHeight":320,"contentPosition":"bottom left"} -->
  <div class="wp-block-cover is-light" style="min-height:320px">
    <span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span>
    <img class="wp-block-cover__image-background" alt="" src="https://images.unsplash.com/photo-1500530855697-b586d89ba3ee" data-object-fit="cover"/>
    <div class="wp-block-cover__inner-container">
      <!-- wp:heading {"level":3,"textColor":"background"} -->
      <h3 class="wp-block-heading has-background-color has-text-color">Add a short, punchy subtitle here</h3>
      <!-- /wp:heading -->
    </div>
  </div>
  <!-- /wp:cover -->

  <!-- wp:spacer {"height":"24px"} -->
  <div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>
  <!-- /wp:spacer -->

  <!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"constrained"}} -->
  <div class="wp-block-group" id="toc">
    <!-- wp:heading {"level":3} -->
    <h3 class="wp-block-heading">Table of Contents</h3>
    <!-- /wp:heading -->

    <!-- wp:list {"className":"is-style-default"} -->
    <ul class="is-style-default">
      <li><a href="#intro">Introduction</a></li>
      <li><a href="#how-it-works">How It Works</a></li>
      <li><a href="#steps">Step-by-Step</a></li>
      <li><a href="#resources">Resources</a></li>
      <li><a href="#faq">FAQ</a></li>
    </ul>
    <!-- /wp:list -->
  </div>
  <!-- /wp:group -->

  <!-- wp:separator {"opacity":"css"} -->
  <hr class="wp-block-separator has-css-opacity"/>
  <!-- /wp:separator -->

  <!-- wp:heading {"level":2} -->
  <h2 class="wp-block-heading" id="intro">Introduction</h2>
  <!-- /wp:heading -->

  <!-- wp:paragraph -->
  <p>Use this sample to quickly scaffold a polished post. Replace headings, paragraphs, images, and links with your own content. The layout uses only core WordPress blocks for maximum compatibility with any theme.</p>
  <!-- /wp:paragraph -->

  <!-- wp:quote -->
  <blockquote class="wp-block-quote"><p>“A clear structure makes your content easier to read and easier to rank.”</p><cite>Someone Smart</cite></blockquote>
  <!-- /wp:quote -->

  <!-- wp:columns {"verticalAlignment":"top"} -->
  <div class="wp-block-columns are-vertically-aligned-top">
    <!-- wp:column {"verticalAlignment":"top"} -->
    <div class="wp-block-column is-vertically-aligned-top">
      <!-- wp:heading {"level":3} -->
      <h3 class="wp-block-heading">Pros</h3>
      <!-- /wp:heading -->
      <!-- wp:list -->
      <ul>
        <li>Simple, clean structure</li>
        <li>Theme-friendly core blocks</li>
        <li>Easy to customize</li>
      </ul>
      <!-- /wp:list -->
    </div>
    <!-- /wp:column -->

    <!-- wp:column {"verticalAlignment":"top"} -->
    <div class="wp-block-column is-vertically-aligned-top">
      <!-- wp:heading {"level":3} -->
      <h3 class="wp-block-heading">Cons</h3>
      <!-- /wp:heading -->
      <!-- wp:list -->
      <ul>
        <li>Placeholder images/links need updating</li>
        <li>Optional blocks may be unnecessary for short posts</li>
      </ul>
      <!-- /wp:list -->
    </div>
    <!-- /wp:column -->
  </div>
  <!-- /wp:columns -->

  <!-- wp:media-text {"mediaId":0,"mediaType":"image","mediaUrl":"https://picsum.photos/800/600","imageFill":false} -->
  <div class="wp-block-media-text is-stacked-on-mobile">
    <figure class="wp-block-media-text__media"><img src="https://picsum.photos/800/600" alt="Replace with a descriptive alt text"/></figure>
    <div class="wp-block-media-text__content">
      <!-- wp:heading {"level":3} -->
      <h3 class="wp-block-heading">Key Image with Caption</h3>
      <!-- /wp:heading -->
      <!-- wp:paragraph -->
      <p>Swap in your own image and use this space to describe what the reader is seeing and why it matters.</p>
      <!-- /wp:paragraph -->
    </div>
  </div>
  <!-- /wp:media-text -->

  <!-- wp:heading {"level":2} -->
  <h2 class="wp-block-heading" id="how-it-works">How It Works</h2>
  <!-- /wp:heading -->

  <!-- wp:list {"ordered":true} -->
  <ol>
    <li>Define the problem.</li>
    <li>Outline your solution.</li>
    <li>Add examples and visuals.</li>
    <li>Link to resources and next steps.</li>
  </ol>
  <!-- /wp:list -->

  <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
  <div class="wp-block-buttons">
    <!-- wp:button {"backgroundColor":"vivid-cyan-blue"} -->
    <div class="wp-block-button"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-background" href="https://example.com/action">Primary Call-to-Action</a></div>
    <!-- /wp:button -->
    <!-- wp:button {"className":"is-style-outline"} -->
    <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#resources">See Resources</a></div>
    <!-- /wp:button -->
  </div>
  <!-- /wp:buttons -->

  <!-- wp:heading {"level":2} -->
  <h2 class="wp-block-heading" id="steps">Step-by-Step</h2>
  <!-- /wp:heading -->

  <!-- wp:table {"hasFixedLayout":true} -->
  <figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Step</th><th>What to Do</th><th>Outcome</th></tr></thead><tbody><tr><td>1</td><td>Replace text &amp; images</td><td>Personalized content</td></tr><tr><td>2</td><td>Add internal links</td><td>Better navigation</td></tr><tr><td>3</td><td>Insert CTAs</td><td>Higher conversions</td></tr></tbody></table></figure>
  <!-- /wp:table -->

  <!-- wp:gallery {"columns":3,"linkTo":"none"} -->
  <figure class="wp-block-gallery has-nested-images columns-3 is-cropped">
    <!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
    <figure class="wp-block-image size-large"><img alt="Gallery item 1" src="https://picsum.photos/seed/1/800/600"/></figure>
    <!-- /wp:image -->
    <!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
    <figure class="wp-block-image size-large"><img alt="Gallery item 2" src="https://picsum.photos/seed/2/800/600"/></figure>
    <!-- /wp:image -->
    <!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
    <figure class="wp-block-image size-large"><img alt="Gallery item 3" src="https://picsum.photos/seed/3/800/600"/></figure>
    <!-- /wp:image -->
  </figure>
  <!-- /wp:gallery -->

  <!-- wp:heading {"level":2} -->
  <h2 class="wp-block-heading" id="resources">Resources</h2>
  <!-- /wp:heading -->

  <!-- wp:list -->
  <ul>
    <li><a href="https://example.com/guide">In-Depth Guide</a></li>
    <li><a href="https://example.com/tools">Helpful Tools</a></li>
    <li><a href="https://example.com/templates">Downloadable Templates</a></li>
  </ul>
  <!-- /wp:list -->

  <!-- wp:embed {"url":"https://www.youtube.com/watch?v=dQw4w9WgXcQ","type":"video","providerNameSlug":"youtube","responsive":true} -->
  <figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube">
    <div class="wp-block-embed__wrapper">
      https://www.youtube.com/watch?v=dQw4w9WgXcQ
    </div>
  </figure>
  <!-- /wp:embed -->

  <!-- wp:heading {"level":2} -->
  <h2 class="wp-block-heading" id="faq">FAQ</h2>
  <!-- /wp:heading -->

  <!-- wp:details -->
  <details class="wp-block-details"><summary>How do I customize this template?</summary><p>Edit headings, paragraphs, images, and links. Remove sections you don’t need.</p></details>
  <!-- /wp:details -->

  <!-- wp:details -->
  <details class="wp-block-details"><summary>Will this work with my theme?</summary><p>Yes—these are all core blocks, so they adapt to your theme’s styles.</p></details>
  <!-- /wp:details -->

  <!-- wp:separator {"opacity":"css"} -->
  <hr class="wp-block-separator has-css-opacity"/>
  <!-- /wp:separator -->

  <!-- wp:paragraph {"align":"center"} -->
  <p class="has-text-align-center"><strong>Liked this guide?</strong> Share it or leave a comment below.</p>
  <!-- /wp:paragraph -->

</div>
<!-- /wp:group -->
 
ronegraT said:
Hi

I was adviced to use html code in my wordpress posts, will that help my seo to the beter or will it hur seo? Any ideas or thoughts?

//ronegraT
Click to expand...
Using clean, semantic html in wordpress helps SEO messy or excessive code can hurt.
 
Using HTML in your WordPress posts can have a positive impact on SEO. HTML allows you to customize your posts more (structure the content with headings, lists, and other elements) which increases readability, and adding relevant tags, meta descriptions, and alt text to images helps search engines. Optimizing HTML can result in faster loading times, which is an important ranking factor.
 
Strategically using HTML elements like headings, lists and structured data can enhance SEO but overloading posts with unnecessary code may backfire.
 
Using HTML in WordPress posts can help if you do it properly. Clean, well-structured code makes your content easier for Google to read. But overdoing it or adding messy code may hurt SEO. So keep it simple and clear.
 
Advertise on BHW
You must log in or register to reply here.
Sign up now!

Main Menu

Home Main Forum List Black Hat SEO White Hat SEO BHW Newbie Guide Blogging Black Hat Tools Social Media Downloads

Marketplace

Account Selling Content / Copywriting EBooks / Methods Hosting Misc Proxies For Sale SEO - Link building SEO - Packages Social Media Social Media - Panels Web Design More

Making Money

Affiliate Programs Hire a Freelancer IM Journeys Making Money Pay Per Click Site Flipping Want to Buy

BlackHat World

Dispute Resolution Forum Suggestions & Feedback Introductions Lounge
Back
Top