gitconnected·4yHow I Structure HTML for Better SEO Results
Stephan Romhart explains how to use semantic HTML 5 tags for better machine readability. He also explains how he organize his CSS for websites without a framework. In his 20 years of web development experience, he’s developed a standard CSS approach for myself. He says that most websites can be built with the following boilerplate.
LogRocket·4yBuild a sitemap generator in Next.js
Next.js is an efficient tool for optimizing React applications in production. To implement effective SEO, we first need to understand how Next.js handles page rendering. A popular way to handle SEO is with a sitemap, which is a collection of all the visible URLs in your web application.
JavaScript in Plain English·5y4 JavaScript Frameworks You Should Consider For Your Next Web App
With Pros & Cons For Each Rlogical Techsoft.Pvt.Ltd. 4 JavaScript Frameworks You Should Consider For Your Next Web App. Express.js, Next, Gatsby and Nuxt are the 4 JavaScript frameworks you should consider for your next web app.
JavaScript in Plain English·5yHow to Improve Your Website’s Page Load Speed
Pages that load fast have better user retention and lower bounce rates. Google is actively tracking load speed indicators like Large Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS) You can measure how well your website is performing through the core web vitals report in Google Search Console.
Hashnode·4yI made my website rank by accident
On 27 June 2021, I wrote an article about moving from GIF to video format. This article was purely written to make my website faster. These pages I changed became so much faster, so I was happy. But then, I was checking my Google Search Console and noticed the following.
Hacker News·4yHow I made Google’s data grid scroll 10x faster with one line of CSS
Google’s “Top linking sites” data grid has major scroll lag. This happens when choosing to display a larger dataset (500 rows) Instead of the default 10 results, the data grid produces 16,000+ DOM elements to display just 500 rows. The DOM is not very performant when containing many elements. And laying out that many elements is costly.
Bits and Pieces·5y12 Mistakes Newbie Web Developers Make
Do you still make these mistakes? Manusha Chethiyawardhana shares 12 common mistakes newbie web developers make. Always do both Client-side and Server-side Input Validation. Not thinking about the responsive design of their web app at the beginning of development is crucial.
DevDojo·5y5 HTML SEO Tips To Rank Higher in Google
The title tag is the title you want to appear in the search result to describe your brand name and what the page is. The viewport meta tag lets you control the width and scaling of the viewport so that it fits all devices. The robots meta tag is used to keep search engines from indexing documents, internal search results, duplicate pages, etc.
DevDojo·4yNext SEO: A better way to Manage SEO for Next.js 🔍
The Next.js head tags are a good way to add the meta tags, title, description, open graph image, etc. We are going to see how to simplify this process using a package called next seo. The package is an external library so we need to install it.
Product Hunt·5yDevcover — Easiest way to generate a developer portfolio
Devcover is an open-source application that allows developers to create and deploy their portfolio in less than 5 minutes with just their username. Features - Good designed - Google Analytics support - SEO friendly - Mobile friendly - Fully customizable - High performance - Availability to be hired - And much more...
DEV·4yWhy I choose NextJS over CRA for new projects
NextJS allows us to build our landing page, application, and API server all in a monolith. NextJS gives us the best of both worlds; we can decide when to server side render and when to client side render. Vercel provides us with an easy way to deploy our NextJS application and take advantage of serverless.