jsonresume-theme-microdata VS schemaorg

Using JSON Resume with the jsonresume-theme-microdata theme will create a resume documented with microdata following the Schema.org vocabulary set.

export class AboutComponent { private renderer = inject(Renderer2) private rendererFactory = inject(RendererFactory2) ngOnInit(): void { this.renderer = this.rendererFactory.createRenderer(null, null); this.addStructuredData(); } addStructuredData() { const script = this.renderer.createElement('script'); script.type = 'application/ld+json'; script.text = ` { "@context": "http://schema.org", "@type": "Organization", "name": "Your Angular App", "url": "https://your-angular-app.com", "logo": "https://your-angular-app.com/logo.png", "description": "Learn more about us at Your Angular App." }`; this.renderer.appendChild(document.head, script); } }

{` { "@context": "https://schema.org", "@type": "Article", "headline": "${post.title}", "image": "${post.image}", "author": "${post.author}", "publisher": { "@type": "Organization", "name": "My Blog", "logo": { "@type": "ImageObject", "url": "https://my-site.com/logo.png" } }, "datePublished": "${post.datePublished}" } `} script>

jsonresume-component is a web component that generates your resume with microdata following the Schema.org vocabulary set. It's custom element is and it fetches a resume.json file following the JSON Resume schema to create your resume. HTML is created from using the jsonresume-theme-microdata theme, creating a resume documented with microdata following the Schema.org vocabulary set.

type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Recipe", "name": "Chocolate Chip Cookies", "image": "https://example.com/chocolate-chip-cookies.jpg", "description": "A classic recipe for delicious chocolate chip cookies.", // ... more recipe details ... }

Schema.org is a collaborative, community activity with a mission to create, maintain, and promote schemas for structured data on the Internet, on web pages, in email messages, and beyond. Schema.org website

itemscope itemtype="https://schema.org/Person"> itemprop="name">Scott Nath Work History itemprop="alumniOf" itemscope itemtype="https://schema.org/Organization"> itemprop="name">Company ABC itemprop="description">...company description... itemprop="employee" itemscope itemtype="https://schema.org/EmployeeRole"> itemprop="roleName">Software developer itemprop="description">...details about role... itemprop="alumniOf" itemscope itemtype="https://schema.org/Organization"> itemprop="name">Company Meow itemprop="employee" itemscope itemtype="https://schema.org/EmployeeRole"> itemprop="roleName">Sitting Volunteer History itemprop="alumniOf" itemscope itemtype="https://schema.org/Organization"> itemprop="name">Company 501c3 itemprop="employee" itemscope itemtype="https://schema.org/EmployeeRole"> itemprop="roleName">Software developer for free itemprop="description">...details about role...

I've been re-writing the HTML of my site and added structured data, in the form of microdata attributes, following the Schema.org vocabulary set. Structured data can be understood by search engines and other machines, giving your content structure and context.

Implementing Structured Data Markup annotation system, which can provide additional context about the content to search engines. Structured data markup such as Schema.org can be used to aid search engines to understand the content relevance and significance. This approach can help improve search results by improved ranking and visibility of the content.

export default async function Page({ params }) { const product = await getProduct(params.id); const jsonLd = { "@context": "https://schema.org", "@type": "Product", name: product.name, image: product.image, description: product.description, }; return ( {/* Add JSON-LD to your page */} {/* ... */} section> ); }