Reader small image

You're reading from  Full Stack Web Development with Remix

Product typeBook
Published inNov 2023
Reading LevelIntermediate
PublisherPackt
ISBN-139781801075299
Edition1st Edition
Languages
Tools
Right arrow
Author (1)
Andre Landgraf
Andre Landgraf
author image
Andre Landgraf

Andre is a full stack developer from Germany. He graduated with an MS in Information Systems from the Technical University of Munich and was also awarded an MS in Computer Science from Sofia University in Palo Alto. Andre currently lives in Cupertino, California, and he works as a Software Engineer at LinkedIn. Andre loves learning, writing, and speaking about all things web. In his free time, he tutors aspiring developers and builds for the web.
Read more about Andre Landgraf

Right arrow

Using meta tags in Remix

Meta tags are used to describe the content of an HTML document. They are important for Search Engine Optimization (SEO) and are used by web crawlers to understand the content of your site. Meta tags are also used to configure browser behavior, link previews, and the site’s appearance in the bookmark list and search results.

For example, the title, description, and image meta tags are used on link previews and search pages, like Google's search results. The title meta tag is also used together with the favicon to display the website in the bookmark list.

In this section, you will learn how to add meta tags to your Remix application.

Declaring global meta tags

An application usually exposes some global meta tags that must be included on every page. Since Remix allows us to manage the full HTML document in React, including the head, we can inline global meta tags in the root of our application:

<head>  <meta charSet...
lock icon
The rest of the page is locked
Previous PageNext Page
You have been reading a chapter from
Full Stack Web Development with Remix
Published in: Nov 2023Publisher: PacktISBN-13: 9781801075299

Author (1)

author image
Andre Landgraf

Andre is a full stack developer from Germany. He graduated with an MS in Information Systems from the Technical University of Munich and was also awarded an MS in Computer Science from Sofia University in Palo Alto. Andre currently lives in Cupertino, California, and he works as a Software Engineer at LinkedIn. Andre loves learning, writing, and speaking about all things web. In his free time, he tutors aspiring developers and builds for the web.
Read more about Andre Landgraf