Meta Tags Snippet(s)

This is kinda a snippet for me because I am learning.. lol. Kinda wish neocities automatically provided all of these but it's a static host so makes sense why it's not automatically provided. Meta tags should be used on your pages for SEO (search engine optimization). The order in which you list meta tags does not matter for functionality, but it's best practice to organize them logically for readability and SEO optimization. Meta tags should be placed in your opening and closing head tags.

Meta tags neocities includes automatically:

Open Graph (OG) media meta tags (for link previews)

Block a page from being indexed specifically on that page include:

or in your robot.txt file to specifically block a page:

javascript: this javascript code is NOT i repeat NOTTTT full proof yet i need time to figure this out -- just a reference im working off of with whatever little knowledge i have lmao
script tag

script code (description without putting script code and just picking up first 20 characters

document.addEventListener("DOMContentLoaded", function () {
    function getFirstTextContent() {
        const bodyText = document.body.textContent.trim();
        return bodyText.split("\n").filter(line => line.length > 20)[0] || "Default description.";
    }

const metaData = {
        title: document.title || "Default Title",
        description: document.querySelector("meta[name='description']")?.content || getFirstTextContent(),
        image: document.querySelector("img")?.src || "https://yourwebsite.com/default-image.jpg",
        url: window.location.href,
    };

const metaTags = [
        { property: "og:title", content: metaData.title },
        { property: "og:description", content: metaData.description },
        { name: "description", content: metaData.description },
        { property: "og:image", content: metaData.image },
        { property: "og:url", content: metaData.url },
        { property: "og:type", content: "website" },
        { name: "copyright", content: "Your Website Name" },
        { rel: "canonical", href: metaData.url },
    ];

metaTags.forEach(tag => {
        let metaElement = document.createElement(tag.property ? "meta" : "link");
        Object.keys(tag).forEach(attr => metaElement.setAttribute(attr, tag[attr]));
        document.head.appendChild(metaElement);
    });
});