Building an SEO Friendly Blog: Getting Started With Nuxt

Building an SEO Friendly Blog: Getting Started With Nuxt

Using a framework like Nuxt makes creating a statically generated site straight forward. For this tutorial, you will need to have Node version 8.9.0 or later installed to follow along. This tutorial does assume you understand the basics of working with npm.

Throughout my career, I have worked with several firms that specialize in Search Engine Optimization. After you’ve worked with a few, you realize that much of SEO is a moving target, with no one being quite sure what is the best practice on all fronts. Company A will focus on each product page or post’s paths, and when you switch to Company B, they’ll have you change the routes that you just set due to the previous company’s suggestion.

How search engines index websites will always be in flux, but there are specific strategies that you can employ to get higher rankings and ensure those that would be interested in your content are more likely to find it.

While we know that web crawlers will now execute a page’s JavaScript, what is unclear how long the robot will wait for your content to finish loading. What we do know is that sites that load faster tend to perform better, meaning not having to wait for an expensive API call to render the main content will boost your site’s performance. While you may decide to use AJAX to retrieve comments on your post to ensure you display the latest content, there is typically no reason the blog post itself cannot be rendered server-side or delivered as static content.

Using a framework like Nuxt makes creating a statically generated site straight forward. For this tutorial, you will need to have Node version 8.9.0 or later installed to follow along. This tutorial does assume you understand the basics of working with npm. If you are unfamiliar with npm, I recommend reading this article from Nodesource: An Absolute Beginner's Guide to Using npm.

seo nuxtjs javascript jamstack

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Understand the JavaScript SEO for Webmasters

The Ultimate Guide to JavaScript SEO. Knowing the basics of JavaScript is a vital skill for the modern SEO professional

Rendering SEO Manifesto: Why We Need to Go Beyond JavaScript SEO

Going beyond JavaScript SEO is a must. Here's how technical SEO pros can use their knowledge of batch-optimized rendering for better search visibility. Want to make sure that your content gets properly accessed by search engines and ranks high? Góralewicz and his team found that 40% of content relying on JavaScript is not indexed after 14 days.

The essential JavaScript concepts that you should understand

The essential JavaScript concepts that you should understand - For successful developing and to pass a work interview

The Ultimate Guide to JavaScript SEO (2020 Edition)

JavaScript SEO is a branch of technical SEO that makes JS-powered websites: easy for search engines to fully crawl, render, and index, accessible to users with outdated browsers, keep their metadata and internal linking consistent, load fast despite having to parse and execute JavaScript code. In this tutorial, you'll see The Ultimate Guide to JavaScript SEO (2020 Edition)

How to SEO for JavaScript Websites

This is a recording of the JavaScript SEO office-hours hangout from April 29, 2020. These sessions are open to anything around SEO for JavaScript sites. Watc...