Add proper schema org stuff to code blocks due to use of meta tags

whitep4nth3r · Feb 11, 2025 · e1c7ab1 · e1c7ab1
1 parent ba4aea9
commit e1c7ab1
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 6 deletions.
diff --git a/src/_client_scripts/copy_code.js b/src/_client_scripts/copy_code.js
@@ -3,7 +3,7 @@ const copyButtons = document.querySelectorAll(`[data-copy]`);
 copyButtons.forEach((button) => {
   button.addEventListener("click", (e) => {
     const codeId = e.target.dataset.copy;
-    const codeAsText = document.querySelector(`[data-code-id=${codeId}]`).dataset.codeToCopy;
+    const codeAsText = document.querySelector(`[data-code-id=${codeId}]`).getAttribute("content");
     navigator.clipboard.writeText(decodeURIComponent(codeAsText));
   });
-});
+});
diff --git a/src/_components/codeBlock.js b/src/_components/codeBlock.js
@@ -23,11 +23,14 @@ const CodeBlock = ({ code, lang, isDiff }) => {
       Copy
     </span>
     </button>
-    <div data-code-block>
+    <div data-code-block itemscope itemtype="https://schema.org/SoftwareSourceCode">
+      <meta itemprop="codeSampleType" content="snippet">
+      <meta itemprop="programmingLanguage" content="${lang}">
+      <meta data-code-id="${thisCodeId}" itemprop="text" content="${encodeURIComponent(code)}">
       ${HighlightPairedShortcode(code, `${prefix}${lang}`)}
     </div>
   </div>
-  <meta data-code-id="${thisCodeId}" data-code-to-copy="${encodeURIComponent(code)}">
+
   `;
 };
 

diff --git a/src/_css/main.css b/src/_css/main.css
diff --git a/src/_css/main.css.map b/src/_css/main.css.map