Mastering Metadata in Next.js: Best Practices for Web Developers

Introduction
Mastering metadataData Retention: Policies that determine how long data should... in Next.js is essential for web developers who want to optimize their websites for search engines and social mediaDigital Native: A person born during the age of digital tech... sharing. Metadata provides important information about a web page, such as its title, description, and keywords. In this article, we will discuss the best practices for using metadata in Next.js to improve your website’s search engineFAANG (Facebook, Amazon, Apple, Netflix, Google): An acronym... ranking and social media visibility.

Understanding Metadata
Before diving into best practices for using metadata in Next.js, it’s important to understand what metadata is and how it is used. Metadata is simply data about data, and in the context of web development, it refers to the information that describes a web page’s content. This includes the page title, description, and keywords, as well as other information such as authorship, copyright, and language.

HTML Headings
Metadata in Next.js is typically added to a web page’s HTML element. The element contains meta tags that provide information about the web page, such as its title, description, and keywords. Here are some best practices for using metadata in Next.js:

1. Page Title:
The page title is one of the most important pieces of metadata for a web page. It appears in the browser tab and search engine results, and should accurately describe the content of the page. In Next.js, you can set the page title using the tag in the<head> element of your page’s HTML.</p><p>2. Meta Description:<br /> The meta description provides a brief summary of the web page’s content and is often used as the snippet in search engine results. It should be concise, informative, and include relevant keywords. In Next.js, you can set the meta description using the<meta> tag with the name attribute set to “description” in the<head> element.</p><p>3. Meta Keywords:<br /> While meta keywords are not as important for search engine optimization as they once were, they can still be useful for organizing and categorizing web page content. In Next.js, you can set meta keywords using the<meta> tag with the name attribute set to “keywords” in the<head> element.</p><p>4. Open Graph and Twitter Cards:<br /> To optimize how your web pages appear when shared on social media, you can use Open Graph and Twitter Card metadata. In Next.js, you can set Open Graph metadata using the<meta> tag with the property <span class="glossary-tooltip glossary-term-312"><span class="glossary-link"><a href="https://skycentral.co.uk/glossary/metadata/">attribute</a></span><span class="hidden glossary-tooltip-content clearfix"><span class="glossary-tooltip-text">Metadata: Data that describes other data, offering informati...</span></span></span> set to “og:type”, “og:title”, “og:description”, and so on. Similarly, you can set Twitter Card metadata using the<meta> tag with the name attribute set to “twitter:card”, “twitter:title”, “twitter:description”, etc.</p><p>Conclusion<br /> Mastering metadata in Next.js is crucial for web developers who want to maximize the visibility and <span class="glossary-tooltip glossary-term-412"><span class="glossary-link"><a href="https://skycentral.co.uk/glossary/ux-user-experience/">accessibility</a></span><span class="hidden glossary-tooltip-content clearfix"><span class="glossary-tooltip-text">UX (User Experience): The overall experience of a person usi...</span></span></span> of their websites. By following best practices for using metadata, such as setting the page title, meta description, and keywords, as well as optimizing for social media sharing, you can improve your website’s search engine ranking and social media presence. Incorporating these practices into your Next.js development workflow will help ensure that your web pages are properly optimized for maximum impact.</p></div><footer class="entry-footer"></footer><nav class="navigation post-navigation" aria-label="Posts"><h2 class="screen-reader-text">Post navigation</h2><div class="nav-links"><div class="nav-previous"><a href="https://skycentral.co.uk/glossary/peace-of-mind-in-group-chats-how-e2e-encryption-guarantees-privacy/" rel="prev"><span class="nav-subtitle"><i class="fas fa-angle-double-left"></i>Previous:</span> <span class="nav-title">Peace of Mind in Group Chats: How E2E Encryption Guarantees Privacy</span></a></div><div class="nav-next"><a href="https://skycentral.co.uk/glossary/exploring-the-legal-framework-of-data-sovereignty-in-australia-a-step-towards-safeguarding-digital-assets/" rel="next"><span class="nav-subtitle">Next:<i class="fas fa-angle-double-right"></i></span> <span class="nav-title">Exploring the Legal Framework of Data Sovereignty in Australia: A Step Towards Safeguarding Digital Assets</span></a></div></div></nav></div></article></div></div><div class="secondary-sidebar"><aside id="secondary" class="widget-area"><section id="block-2" class="widget widget_block widget_search"><form role="search" method="get" action="https://skycentral.co.uk/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >Search</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Search" class="wp-block-search__button wp-element-button" type="submit" >Search</button></div></form></section><section id="block-8" class="widget widget_block"><h2>Useful Tools for Protecting Your Digital Rights</h2><div class="sidebar-block"><h3>Safeguard Your Digital Rights</h3><p>In our rapidly changing digital landscape, preserving significant moments from platforms like Twitter is more important than ever. Ensure you have the right tools to capture and archive content that matters to you.</p> <a href="https://twtrvideodownloader.com/" target="_blank" rel="noopener noreferrer">Download videos from Twitter</a></div><div class="sidebar-block"><h3>Preserve Web History</h3><p>As the digital world evolves, many websites and their contents vanish. The Wayback Machine ensures that the internet's history remains accessible for future generations.</p> <a href="https://web.archive.org/" target="_blank" rel="noopener noreferrer">Visit the Wayback Machine</a></div></section><section id="block-3" class="widget widget_block"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><h2 class="wp-block-heading">Recent Posts</h2><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://skycentral.co.uk/encryption-101-everything-you-need-to-know-about-securing-your-information/">Encryption 101: Everything You Need to Know about Securing Your Information</a></li><li><a class="wp-block-latest-posts__post-title" href="https://skycentral.co.uk/the-evolution-of-encryption-from-ancient-times-to-modern-technology/">The Evolution of Encryption: From Ancient Times to Modern Technology</a></li><li><a class="wp-block-latest-posts__post-title" href="https://skycentral.co.uk/encryption-keeping-your-data-safe-from-cyber-threats/">Encryption: Keeping Your Data Safe from Cyber Threats</a></li><li><a class="wp-block-latest-posts__post-title" href="https://skycentral.co.uk/the-debate-over-encryption-balancing-security-and-privacy/">The Debate Over Encryption: Balancing Security and Privacy</a></li><li><a class="wp-block-latest-posts__post-title" href="https://skycentral.co.uk/breaking-down-encryption-how-it-works-and-why-we-need-it/">Breaking Down Encryption: How It Works and Why We Need It</a></li></ul></div></div></section><section id="block-4" class="widget widget_block"><div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-group__inner-container"><p><dl class="glossary-cats-list"><dt><a href="https://skycentral.co.uk/glossary-cat/adware/">Adware</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/anonymous-browsing/">Anonymous Browsing</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/biometric-authentication/">Biometric Authentication</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/botnet/">Botnet</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/brute-force-attack/">Brute Force Attack</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/byod/">BYOD</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/captcha/">CAPTCHA</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/cloud-computing/">Cloud Computing</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/cookie-tracking/">Cookie Tracking</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/cryptojacking/">Cryptojacking</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/cyber-espionage/">Cyber Espionage</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/dark-web/">Dark Web</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/data-retention/">Data Retention</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/data-sovereignty/">Data Sovereignty</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/ddos-attack-distributed-denial-of-service/">DDoS Attack (Distributed Denial of Service)</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/digital-divide/">Digital Divide</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/digital-native/">Digital Native</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/digital-signature/">Digital Signature</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/digital-wallet/">Digital Wallet</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/domain-name-system-dns/">Domain Name System (DNS)</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/e2e-encryption/">E2E Encryption</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/faang/">FAANG</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/firewall/">Firewall</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/gdpr/">GDPR</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/geofencing/">Geofencing</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/https/">HTTPS</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/incognito-mode/">Incognito Mode</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/intrusion-detection-system-ids/">Intrusion Detection System (IDS)</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/iot/">IoT</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/isp-internet-service-provider/">ISP (Internet Service Provider)</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/malvertising/">Malvertising</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/metadata/">Metadata</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/mfa-multi-factor-authentication/">MFA (Multi-Factor Authentication)</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/p2p-peer-to-peer-network/">P2P (Peer-to-Peer) Network</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/phishing/">Phishing</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/public-key-infrastructure-pki/">Public Key Infrastructure (PKI)</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/quantum-computing/">Quantum Computing</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/ransomware/">Ransomware</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/remote-access-trojan-rat/">Remote Access Trojan (RAT)</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/sandboxing/">Sandboxing</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/secure-video-downloads/">Secure Video Downloads</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/session-hijacking/">Session Hijacking</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/smart-contract/">Smart Contract</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/social-engineering/">Social Engineering</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/social-media/">Social media</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/swatting/">Swatting</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/tor/">Tor</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/twitter-video-downloader/">Twitter video downloader</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/ux-user-experience/">UX (User Experience)</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/video-download/">Video Download</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/vpn-tunnel/">VPN Tunnel</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/whitelisting/">Whitelisting</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/worm/">Worm</a></dt><dt><a href="https://skycentral.co.uk/glossary-cat/zero-day-vulnerability/">Zero-Day Vulnerability</a></dt></dl></p></div></div></section></aside></div></div></div></main></div><footer data-elementor-type="footer" data-elementor-id="30" class="elementor elementor-30 elementor-location-footer" data-elementor-post-type="elementor_library"><section class="elementor-section elementor-top-section elementor-element elementor-element-a1c7043 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a1c7043" data-element_type="section" data-settings="{"background_background":"classic"}"><div class="elementor-container elementor-column-gap-no"><div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-15807bbd" data-id="15807bbd" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><section class="elementor-section elementor-inner-section elementor-element elementor-element-4cb1571c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4cb1571c" data-element_type="section"><div class="elementor-container elementor-column-gap-no"><div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-47f39156" data-id="47f39156" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-396e9c5 elementor-widget elementor-widget-image" data-id="396e9c5" data-element_type="widget" data-widget_type="image.default"><div class="elementor-widget-container"> <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iOTIiIHZpZXdCb3g9IjAgMCA2NDAgOTIiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsOiNjZmQ0ZGI7ZmlsbC1vcGFjaXR5OiAwLjE7Ii8+PC9zdmc+" width="640" height="92" data-src="https://skycentral.co.uk/wp-content/uploads/2023/09/logo-no-background.svg" class="attachment-medium_large size-medium_large wp-image-23" alt="logo" loading="lazy" title="skycentral.co.uk | Mastering Metadata in Next.js: Best Practices for Web Developers" /></div></div><div class="elementor-element elementor-element-3cd9998a elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading" data-id="3cd9998a" data-element_type="widget" data-widget_type="heading.default"><div class="elementor-widget-container"><style>/*! elementor - v3.17.0 - 08-11-2023 */ .elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}</style><p class="elementor-heading-title elementor-size-default">Sky Central Digital Agency</p></div></div></div></div><div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-11da776b" data-id="11da776b" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-2b6faaa5 elementor-widget elementor-widget-heading" data-id="2b6faaa5" data-element_type="widget" data-widget_type="heading.default"><div class="elementor-widget-container"><h4 class="elementor-heading-title elementor-size-default">Company</h4></div></div><div class="elementor-element elementor-element-1503fd66 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="1503fd66" data-element_type="widget" data-widget_type="icon-list.default"><div class="elementor-widget-container"><ul class="elementor-icon-list-items"><li class="elementor-icon-list-item"> <a href="/"><span class="elementor-icon-list-text">Home</span> </a></li><li class="elementor-icon-list-item"> <a href="https://skycentral.co.uk/about-us/"><span class="elementor-icon-list-text">About Us</span> </a></li><li class="elementor-icon-list-item"> <a href="https://skycentral.co.uk/contact-us/"><span class="elementor-icon-list-text">Contact Us</span> </a></li></ul></div></div></div></div><div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-33f1fae7" data-id="33f1fae7" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-2291a1aa elementor-widget elementor-widget-heading" data-id="2291a1aa" data-element_type="widget" data-widget_type="heading.default"><div class="elementor-widget-container"><h4 class="elementor-heading-title elementor-size-default">Resources</h4></div></div><div class="elementor-element elementor-element-76e37d03 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="76e37d03" data-element_type="widget" data-widget_type="icon-list.default"><div class="elementor-widget-container"><ul class="elementor-icon-list-items"><li class="elementor-icon-list-item"> <a href="https://skycentral.co.uk/glossary/"><span class="elementor-icon-list-text">Glossary</span> </a></li></ul></div></div></div></div><div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-15a12635" data-id="15a12635" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-5c9a465a elementor-widget elementor-widget-heading" data-id="5c9a465a" data-element_type="widget" data-widget_type="heading.default"><div class="elementor-widget-container"><h4 class="elementor-heading-title elementor-size-default">Help</h4></div></div><div class="elementor-element elementor-element-6f743a66 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="6f743a66" data-element_type="widget" data-widget_type="icon-list.default"><div class="elementor-widget-container"><ul class="elementor-icon-list-items"><li class="elementor-icon-list-item"> <a href="https://skycentral.co.uk/terms-conditions-for-skycentral/"><span class="elementor-icon-list-text">Terms & Conditions</span> </a></li><li class="elementor-icon-list-item"> <a href="https://skycentral.co.uk/privacy-policy/"><span class="elementor-icon-list-text">Privacy Policy</span> </a></li></ul></div></div></div></div></div></section><div class="elementor-element elementor-element-6184209e elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="6184209e" data-element_type="widget" data-widget_type="divider.default"><div class="elementor-widget-container"><style>/*! elementor - v3.17.0 - 08-11-2023 */ .elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(--divider-element-spacing);flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{display:block;content:"";border-bottom:0;flex-grow:1;border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{width:100%;min-height:var(--divider-pattern-height);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url)}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var(--container-widget-flex-grow)}</style><div class="elementor-divider"> <span class="elementor-divider-separator"> </span></div></div></div><div class="elementor-element elementor-element-990cf0a elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="990cf0a" data-element_type="widget" data-widget_type="heading.default"><div class="elementor-widget-container"><p class="elementor-heading-title elementor-size-default">Copyright © 2023 skycentral.co.uk</p></div></div><div class="elementor-element elementor-element-bd1d5f4 elementor-widget__width-auto elementor-widget elementor-widget-heading" data-id="bd1d5f4" data-element_type="widget" data-widget_type="heading.default"><div class="elementor-widget-container"><p class="elementor-heading-title elementor-size-default">All rights reserved</p></div></div></div></div></div></section></footer> <script type="litespeed/javascript">document.addEventListener("copy",(event)=>{var pagelink="\nSource: https://skycentral.co.uk/glossary/mastering-metadata-in-next-js-best-practices-for-web-developers";event.clipboardData.setData("text",document.getSelection()+pagelink);event.preventDefault()})</script><script id="ez-toc-scroll-scriptjs-js-extra" type="litespeed/javascript">var eztoc_smooth_local={"scroll_offset":"30"}</script> <script id="ez-toc-js-js-extra" type="litespeed/javascript">var ezTOC={"smooth_scroll":"1","visibility_hide_by_default":"","scroll_offset":"30","fallbackIcon":"<span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span>"}</script> <script id="newsmatic-theme-js-extra" type="litespeed/javascript">var newsmaticObject={"_wpnonce":"8c72eb2701","ajaxUrl":"https:\/\/skycentral.co.uk\/wp-admin\/admin-ajax.php","stt":"1","stickey_header":"1","livesearch":"1"}</script> <script id="wp-i18n-js-after" type="litespeed/javascript">wp.i18n.setLocaleData({'text direction\u0004ltr':['ltr']})</script> <script id="elementor-pro-frontend-js-before" type="litespeed/javascript">var ElementorProFrontendConfig={"ajaxurl":"https:\/\/skycentral.co.uk\/wp-admin\/admin-ajax.php","nonce":"065e2bf2a1","urls":{"assets":"https:\/\/skycentral.co.uk\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/skycentral.co.uk\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":!0},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":!0},"pinterest":{"title":"Pinterest","has_counter":!0},"reddit":{"title":"Reddit","has_counter":!0},"vk":{"title":"VK","has_counter":!0},"odnoklassniki":{"title":"OK","has_counter":!0},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":!0},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":!0},"xing":{"title":"XING","has_counter":!0},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/skycentral.co.uk\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}</script> <script id="elementor-frontend-js-before" type="litespeed/javascript">var elementorFrontendConfig={"environmentMode":{"edit":!1,"wpPreview":!1,"isScriptDebug":!1},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":!1,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":!0},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":!1},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":!0},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":!1},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":!1},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":!1}}},"version":"3.17.3","is_static":!1,"experimentalFeatures":{"e_dom_optimization":!0,"e_optimized_assets_loading":!0,"e_optimized_css_loading":!0,"additional_custom_breakpoints":!0,"container":!0,"e_swiper_latest":!0,"theme_builder_v2":!0,"landing-pages":!0,"e_global_styleguide":!0,"page-transitions":!0,"notes":!0,"form-submissions":!0,"e_scroll_snap":!0},"urls":{"assets":"https:\/\/skycentral.co.uk\/wp-content\/plugins\/elementor\/assets\/"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":3692,"title":"Mastering%20Metadata%20in%20Next.js%3A%20Best%20Practices%20for%20Web%20Developers%20-%20skycentral.co.uk","excerpt":"","featuredImage":"https:\/\/skycentral.co.uk\/wp-content\/uploads\/2023\/11\/arena-2733091_960_720.jpg"}}</script> <div id="clearfy-cookie" class="clearfy-cookie clearfy-cookie-hide clearfy-cookie--bottom"><div class="clearfy-cookie-container"> This website uses cookies to improve user experience. By continuing to use the site, you consent to the use of cookies. <button id="clearfy-cookie-accept" class="clearfy-cookie-accept">OK</button></div></div><script type="litespeed/javascript">var cookie_clearfy_hide=document.cookie.replace(/(?:(?:^|.*;\s*)clearfy_cookie_hide\s*\=\s*([^;]*).*$)|^.*$/,"$1");if(!cookie_clearfy_hide.length){document.getElementById("clearfy-cookie").classList.remove("clearfy-cookie-hide")}document.getElementById("clearfy-cookie-accept").onclick=function(){document.getElementById("clearfy-cookie").className+=" clearfy-cookie-hide";var clearfy_cookie_date=new Date(new Date().getTime()+31536000*1000);document.cookie="clearfy_cookie_hide=yes; path=/; expires="+clearfy_cookie_date.toUTCString();setTimeout(function(){document.getElementById("clearfy-cookie").parentNode.removeChild(document.getElementById("clearfy-cookie"))},300)}</script> <script data-no-optimize="1">!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function i(t){return e({},it,t)}function o(t,e){var n,a="LazyLoad::Initialized",i=new t(e);try{n=new CustomEvent(a,{detail:{instance:i}})}catch(t){(n=document.createEvent("CustomEvent")).initCustomEvent(a,!1,!1,{instance:i})}window.dispatchEvent(n)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,bt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,bt,e)}function r(t){return s(t,null),0}function u(t){return null===c(t)}function d(t){return c(t)===vt}function f(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function _(t,e){nt?t.classList.add(e):t.className+=(t.className?" ":"")+e}function v(t,e){nt?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function b(t,e){!e||(e=e._observer)&&e.unobserve(t)}function p(t,e){t&&(t.loadingCount+=e)}function h(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function m(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function E(t){return!!t[st]}function I(t){return t[st]}function y(t){return delete t[st]}function A(e,t){var n;E(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[st]=n)}function k(a,t){var i;E(a)&&(i=I(a),t.forEach(function(t){var e,n;e=a,(t=i[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function L(t,e,n){_(t,e.class_loading),s(t,ut),n&&(p(n,1),f(e.callback_loading,t,n))}function w(t,e,n){n&&t.setAttribute(e,n)}function x(t,e){w(t,ct,l(t,e.data_sizes)),w(t,rt,l(t,e.data_srcset)),w(t,ot,l(t,e.data_src))}function O(t,e,n){var a=l(t,e.data_bg_multi),i=l(t,e.data_bg_multi_hidpi);(a=at&&i?i:a)&&(t.style.backgroundImage=a,n=n,_(t=t,(e=e).class_applied),s(t,ft),n&&(e.unobserve_completed&&b(t,e),f(e.callback_applied,t,n)))}function N(t,e){!e||0<e.loadingCount||0<e.toLoadCount||f(t.callback_finish,e)}function C(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function M(t){return!!t.llEvLisnrs}function z(t){if(M(t)){var e,n,a=t.llEvLisnrs;for(e in a){var i=a[e];n=e,i=i,t.removeEventListener(n,i)}delete t.llEvLisnrs}}function R(t,e,n){var a;delete t.llTempImage,p(n,-1),(a=n)&&--a.toLoadCount,v(t,e.class_loading),e.unobserve_completed&&b(t,n)}function T(o,r,c){var l=g(o)||o;M(l)||function(t,e,n){M(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";C(t,a,e),C(t,"error",n)}(l,function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_loaded),s(e,dt),f(n.callback_loaded,e,a),i||N(n,a),z(l)},function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_error),s(e,_t),f(n.callback_error,e,a),i||N(n,a),z(l)})}function G(t,e,n){var a,i,o,r,c;t.llTempImage=document.createElement("IMG"),T(t,e,n),E(c=t)||(c[st]={backgroundImage:c.style.backgroundImage}),o=n,r=l(a=t,(i=e).data_bg),c=l(a,i.data_bg_hidpi),(r=at&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),L(a,i,o)),O(t,e,n)}function D(t,e,n){var a;T(t,e,n),a=e,e=n,(t=It[(n=t).tagName])&&(t(n,a),L(n,a,e))}function V(t,e,n){var a;a=t,(-1<yt.indexOf(a.tagName)?D:G)(t,e,n)}function F(t,e,n){var a;t.setAttribute("loading","lazy"),T(t,e,n),a=e,(e=It[(n=t).tagName])&&e(n,a),s(t,vt)}function j(t){t.removeAttribute(ot),t.removeAttribute(rt),t.removeAttribute(ct)}function P(t){m(t,function(t){k(t,Et)}),k(t,Et)}function S(t){var e;(e=At[t.tagName])?e(t):E(e=t)&&(t=I(e),e.style.backgroundImage=t.backgroundImage)}function U(t,e){var n;S(t),n=e,u(e=t)||d(e)||(v(e,n.class_entered),v(e,n.class_exited),v(e,n.class_applied),v(e,n.class_loading),v(e,n.class_loaded),v(e,n.class_error)),r(t),y(t)}function $(t,e,n,a){var i;n.cancel_on_exit&&(c(t)!==ut||"IMG"===t.tagName&&(z(t),m(i=t,function(t){j(t)}),j(i),P(t),v(t,n.class_loading),p(a,-1),r(t),f(n.callback_cancel,t,e,a)))}function q(t,e,n,a){var i,o,r=(o=t,0<=pt.indexOf(c(o)));s(t,"entered"),_(t,n.class_entered),v(t,n.class_exited),i=t,o=a,n.unobserve_entered&&b(i,o),f(n.callback_enter,t,e,a),r||V(t,n,a)}function H(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function B(t,i,o){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?q(t.target,t,i,o):(e=t.target,n=t,a=i,t=o,void(u(e)||(_(e,a.class_exited),$(e,n,a,t),f(a.callback_exit,e,n,t))));var e,n,a})}function J(e,n){var t;et&&!H(e)&&(n._observer=new IntersectionObserver(function(t){B(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function K(t){return Array.prototype.slice.call(t)}function Q(t){return t.container.querySelectorAll(t.elements_selector)}function W(t){return c(t)===_t}function X(t,e){return e=t||Q(e),K(e).filter(u)}function Y(e,t){var n;(n=Q(e),K(n).filter(W)).forEach(function(t){v(t,e.class_error),r(t)}),t.update()}function t(t,e){var n,a,t=i(t);this._settings=t,this.loadingCount=0,J(t,this),n=t,a=this,Z&&window.addEventListener("online",function(){Y(n,a)}),this.update(e)}var Z="undefined"!=typeof window,tt=Z&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),et=Z&&"IntersectionObserver"in window,nt=Z&&"classList"in document.createElement("p"),at=Z&&1<window.devicePixelRatio,it={elements_selector:".lazy",container:tt||Z?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",rt="srcset",ct="sizes",lt="poster",st="llOriginalAttrs",ut="loading",dt="loaded",ft="applied",_t="error",vt="native",gt="data-",bt="ll-status",pt=[ut,dt,ft,_t],ht=[ot],mt=[ot,lt],Et=[ot,rt,ct],It={IMG:function(t,e){m(t,function(t){A(t,Et),x(t,e)}),A(t,Et),x(t,e)},IFRAME:function(t,e){A(t,ht),w(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){A(t,ht),w(t,ot,l(t,e.data_src))}),A(t,mt),w(t,lt,l(t,e.data_poster)),w(t,ot,l(t,e.data_src)),t.load()}},yt=["IMG","IFRAME","VIDEO"],At={IMG:P,IFRAME:function(t){k(t,ht)},VIDEO:function(t){a(t,function(t){k(t,ht)}),k(t,mt),t.load()}},kt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,i=this._settings,o=X(t,i);{if(h(this,o.length),!tt&&et)return H(i)?(e=i,n=this,o.forEach(function(t){-1!==kt.indexOf(t.tagName)&&F(t,e,n)}),void h(n,0)):(t=this._observer,i=o,t.disconnect(),a=t,void i.forEach(function(t){a.observe(t)}));this.loadAll(o)}},destroy:function(){this._observer&&this._observer.disconnect(),Q(this._settings).forEach(function(t){y(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;X(t,n).forEach(function(t){b(t,e),V(t,n,e)})},restoreAll:function(){var e=this._settings;Q(e).forEach(function(t){U(t,e)})}},t.load=function(t,e){e=i(e);V(t,e)},t.resetStatus=function(t){r(t)},Z&&function(t,e){if(e)if(e.length)for(var n,a=0;n=e[a];a+=1)o(t,n);else o(t,e)}(t,window.lazyLoadOptions),t});!function(e,t){"use strict";function a(){t.body.classList.add("litespeed_lazyloaded")}function n(){console.log("[LiteSpeed] Start Lazy Load Images"),d=new LazyLoad({elements_selector:"[data-lazyloaded]",callback_finish:a}),o=function(){d.update()},e.MutationObserver&&new MutationObserver(o).observe(t.documentElement,{childList:!0,subtree:!0,attributes:!0})}var d,o;e.addEventListener?e.addEventListener("load",n,!1):e.attachEvent("onload",n)}(window,document);</script><script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),window.location.reload(!0))});</script><script data-optimized="1" type="litespeed/javascript" data-src="https://skycentral.co.uk/wp-content/litespeed/js/3a06d10f077969f92838a47cfbb3173c.js?ver=71e91"></script><script>const litespeed_ui_events=["mouseover","click","keydown","wheel","touchmove","touchstart"];var urlCreator=window.URL||window.webkitURL;function litespeed_load_delayed_js_force(){console.log("[LiteSpeed] Start Load JS Delayed"),litespeed_ui_events.forEach(e=>{window.removeEventListener(e,litespeed_load_delayed_js_force,{passive:!0})}),document.querySelectorAll("iframe[data-litespeed-src]").forEach(e=>{e.setAttribute("src",e.getAttribute("data-litespeed-src"))}),"loading"==document.readyState?window.addEventListener("DOMContentLoaded",litespeed_load_delayed_js):litespeed_load_delayed_js()}litespeed_ui_events.forEach(e=>{window.addEventListener(e,litespeed_load_delayed_js_force,{passive:!0})});async function litespeed_load_delayed_js(){let t=[];for(var d in document.querySelectorAll('script[type="litespeed/javascript"]').forEach(e=>{t.push(e)}),t)await new Promise(e=>litespeed_load_one(t[d],e));document.dispatchEvent(new Event("DOMContentLiteSpeedLoaded")),window.dispatchEvent(new Event("DOMContentLiteSpeedLoaded"))}function litespeed_load_one(t,e){console.log("[LiteSpeed] Load ",t);var d=document.createElement("script");d.addEventListener("load",e),d.addEventListener("error",e),t.getAttributeNames().forEach(e=>{"type"!=e&&d.setAttribute("data-src"==e?"src":e,t.getAttribute(e))});let a=!(d.type="text/javascript");!d.src&&t.textContent&&(d.src=litespeed_inline2src(t.textContent),a=!0),t.after(d),t.remove(),a&&e()}function litespeed_inline2src(t){try{var d=urlCreator.createObjectURL(new Blob([t.replace(/^(?:)?$/gm,"$1")],{type:"text/javascript"}))}catch(e){d="data:text/javascript;base64,"+btoa(t.replace(/^(?:)?$/gm,"$1"))}return d}</script></body></html>