<h2>Overview</h2>
<p>Harlanzw.com is a personal website built with Nuxt 3. It utilizes nuxt-seo-kit and Docus to optimize Nuxt code practices, SEO, performance, and accessibility. The website serves as a reference for optimal Nuxt code practices, with a focus on automated Schema.org, markdown read time calculation, code file name and language support, automatic server-side icon resolving, sitemap.xml and feed generation, automatic breadcrumbs, and integration with @nuxt/image for cloudinary-served images. It also includes additional features such as automatic routes based on content with 404 handling, automatic navigation generation, easy content composition, fully typed content, split pages/posts for easier content organization, line-md icons by cyberalien, pnpm, WindiCSS, Eslint with @antfu/eslint-config, SEO and i18n best practices, Fathom analytics, and Vercel hosting.</p>
<h2>Features</h2>
<ul>
<li><strong>Automated Schema.org</strong>: The website includes automated Schema.org functionality to optimize SEO.</li>
<li><strong>Markdown read time calculation</strong>: The website calculates the read time for Markdown content.</li>
<li><strong>Code file name and language support</strong>: Supports displaying the file name and language for code files.</li>
<li><strong>Automatic Server Side Icon Resolving</strong>: The website utilizes iconify and unplugin-icons to automatically resolve server-side icons, eliminating FOUC (Flash of Unstyled Content).</li>
<li><strong>Sitemap.xml and feed generation</strong>: The website generates a sitemap.xml and feed for improved SEO and content discovery.</li>
<li><strong>Automatic breadcrumbs</strong>: The website includes automatic breadcrumbs integration with Schema.org.</li>
<li><strong>Integrated with @nuxt/image</strong>: The website integrates with @nuxt/image to serve images using cloudinary.</li>
</ul>


<h2>Overview:</h2>
<p>Technical SEO can be a complex and challenging task, requiring the configuration of various components to work together effectively. However, Nuxt SEO aims to simplify this process by providing a comprehensive SEO solution specifically designed for Nuxt. By combining seven SEO modules and best practices into one easy-to-configure module, Nuxt SEO minimizes the effort required to achieve optimal SEO performance. Whether you have a fully dynamic site or a static one, Nuxt SEO offers powerful APIs and default configurations to enhance your SEO efforts.</p>
<h2>Features:</h2>
<ul>
<li><strong>@nuxtjs/sitemap</strong> - Support for generating Sitemap.xml.</li>
<li><strong>nuxt-simple-robots</strong> - Manage site crawling by configuring robots.txt.</li>
<li><strong>nuxt-schema-org</strong> - Generate Schema.org JSON-LD for improved SEO.</li>
<li><strong>nuxt-seo-experiments</strong> - Experiment with additional SEO meta features.</li>
<li><strong>nuxt-og-image</strong> - Generate dynamic social share images for improved engagement.</li>
<li><strong>nuxt-link-checker</strong> - Check for broken links on your site.</li>
</ul>


<h2>Overview:</h2>
<p>Nuxt SEO Kit v2 (renamed to Nuxt SEO) is a beta version of an all-in-one SEO module for Nuxt 3. It simplifies the process of configuring SEO for Nuxt by combining multiple SEO modules and best practices into one. With Nuxt SEO Kit, you can easily improve your app's SEO without the need for extensive module installation and separate configuration.</p>
<h2>Features:</h2>
<ul>
<li><strong>Search engine visibility solved</strong>: Ensure that search engines crawl the right content with robot rules, sitemap.xml support, and meta tags.</li>
<li><strong>Enhanced Social Sharing</strong>: Generate dynamic or static social share images and automatically include opengraph and twitter meta tags.</li>
<li><strong>Find issues before they become a problem</strong>: Automatically handle trailing slashes correctly, discover broken links, and more.</li>
<li><strong>Runtime Config Template Tokens</strong>: Use route rules to manage custom config and easily override config for different environments.</li>
<li><strong>Breadcrumbs</strong>: Generate Schema.org compliant breadcrumbs with zero-config.</li>
</ul>
<h2>Summary:</h2>
<p>Nuxt SEO Kit v2 (renamed to Nuxt SEO) is a beta version of an all-in-one SEO module for Nuxt 3 that simplifies the process of configuring SEO for Nuxt. It combines multiple SEO modules and best practices into one, making it easy to improve your app's SEO. With features like search engine visibility, enhanced social sharing, issue detection, and runtime config template tokens, Nuxt SEO Kit offers a comprehensive solution for optimizing your Nuxt app's SEO.</p>


<h2>Overview</h2>
<p>The Nuxt SEO module is designed to simplify the process of configuring technical SEO for Nuxt websites. It combines multiple SEO modules and best practices into one module, streamlining the setup process. Whether you have a fully dynamic site or a static one, Nuxt SEO provides powerful APIs and default configurations to improve your website's SEO performance.</p>
<h2>Features</h2>
<ul>
<li><strong>Sitemap.xml Support</strong>: The <code>@nuxtjs/sitemap</code> module enables the generation of a sitemap.xml file for your website, making it easier for search engines to crawl and index your pages.</li>
<li><strong>Manage site crawling</strong>: With the <code>nuxt-simple-robots</code> module, you can effectively manage how search engine bots crawl your website, controlling access to specific pages or directories.</li>
<li><strong>Generate Schema.org JSON-LD</strong>: The <code>nuxt-schema-org</code> module allows you to generate Schema.org JSON-LD code for SEO purposes. This structured data helps search engines understand and display rich snippets in search results.</li>
<li><strong>Experimental SEO meta features</strong>: The <code>nuxt-seo-experiments</code> module provides experimental SEO meta features, allowing you to test and optimize different meta tags and strategies to improve your website's search visibility.</li>
<li><strong>Generate dynamic social share images</strong>: The <code>nuxt-og-image</code> module enables the generation of dynamic social share images, automatically creating visually appealing images for social media platforms when your website is shared.</li>
<li><strong>Check for broken links</strong>: With the <code>nuxt-link-checker</code> module, you can automatically check your website for broken links, ensuring a smooth user experience and preventing negative SEO impact.</li>
</ul>


Harlan Zw

Harlanzw.com

Nuxt Seo

Nuxt Seo

Nuxt Seo