Montag, 5. Juli 2021

How to Make an Interactive Hyperlinked Table Of Contents for a Single Webpage

Blog Posts, today, need a Table of Contents (ToC). Why? Well, see my ToC below 🤩

I found a ready-made ToC-creator on my search. It may be a bit complicated to understand and to use. If you download it - yes, the blogger invites you to do so - make sure to keep the original intact. To work with you always need a copy, because it gets ruined by use. The output overwrites everything. Probably you need 2 copies for one ToC. Then, you must modify it according to the page or blog you want to use it for. But you need one for any blog that's not hosted by yourself.
For your own WP blog, you can get a plugin, but I guess, you have to make on-page changes too if you can. Plugins create generic links, and keyword anchors may be better.
That did not work. first: find out how to remove list decoration
Now, why does always write a div here?


    Contents

  • Legal Requirements for Websites
  • Why Is my Blog Still Rejected for AdSense?
  • The New Requirements a Blog (orWebsite) Must Meet in 2021 to Get Indexed and Listed By Google
  • 1000 Words
  • A Blog should contain veritable Articles
  • Latent Semantic Index(ing) Keywords
  • Thorough Researches on the Subject of Each Article
  • Perfect Spelling and Grammar
  • Conclusion about Ranking Factors


    style="list-style: none;"  <<<=== No, this not the legal requirements for the web, just removes Bullets. 

    Why Is my Blog Still Rejected for AdSense?

    XXXXXXXXXXXXXXXXXXXXXXXXXXX

    1000 Words

    A Blog should contain veritable Articles

    SEO requirements 2021 are articles of a minimum of 1000 words. My last ones have around 2000 words and no parts to take out and reasonably split in two. Guess, nobody will read such long articles as a whole. The only hope a blogger can have is an interesting ToC, that makes readers come back to their post. 

  • I'm going to put my ToC right above the Jumpbreak.   
  • Or after clicking "read more" find where they left.

    Latent Semantic Index(ing) Keywords

    Thorough Researches on the Subject of Each Article

    Perfect Spelling and Grammar

    Conclusion about Ranking Factors  





  • xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxWhen creating the attributes for HTML elements, what rules are there for the value? These all work the same way by using href="https://www.htmlgoodies.com/tutorials/getting_started/article.php/3479511" href=”#stuff”would jump to the page element with the name or ID attribute of “stuff”.

    This is the code, with some little changes, which should match the ToC above

    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

    <h3 style="text-align: left;">Inhalt</h3>
    <div>
      <ul style="list-style: none; margin-left: -36px;">
        <li><a href="#question_9">wo-kommt-meine-vorlage-her</a></li>
        <li><a href="#question_10">warum-schreibe-ich-die-überschriften-so</a></li>
        <li><a href="#keyword11">was-ist-ein-anker</a></li>
        <li><a href="#grossersprung">größerer-sprung-damit-man-ihn-sieht </a></li>
        <li><a href="#sprungziel">nix-weiter-nur-ein-sprungziel</a></li>

        <li><a href="https://dein-blog.blogspot.com/2021/10/dein-blog-post.html#volle-url">Besser immer die Volle URL</a></li>
        <li><a href="https://the-spaceladys-web-lab.blogspot.com/2021/10/inhaltsverzeichnis-im-blog-post.html#deinKeyword">ende-vorerst-und-was-ich-mir-noch-an-textschnipseln-aufheben-wollte</a></li>
        <li><a href="#ID1">Test ID1</a></li>
    <li><a href="https://the-spaceladys-web-lab.blogspot.com/2021/10/inhaltsverzeichnis-im-blog-post.html#volle-URL">Warum die volle URL im Link?</a></li>
      </ul>
    </div> 

    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx



Keine Kommentare: