Pulkitblogs.devpulkit.in·Nov 15, 2024Boost Your Link Previews: Implementing Open Graph Images in Next.jsIntroduction In today's digital playground, having a social media presence is like having a megaphone for your awesomeness. One of the secret ingredients to making your content pop on platforms like Facebook, Twitter, LinkedIn and event WhatsApp is t...1 like·78 readsopenGraph
Sunil Khadkasunilkhadka.hashnode.dev·Oct 26, 2024Viewport Meta Tag: What It Is and Why You Should CareIntroduction You may have seen this line of code in your html file. <meta name="viewport" content="width=device-width, initial-scale=1.0" /> This meta tag allows your webpage to adapt to different sizes of viewport. but what is a viewport? A viewpor...Frontend FundamentalsHTML5
Davidtechsimplified.hashnode.dev·Aug 25, 2024Open Graph Meta TagsMy experience with open graph meta tags has been an interesting one. The image below captures what initially sparked my curiosity about their purpose. I first noticed the impact of open graph when sharing links on WhatsApp; it consistently displayed ...1 likeHTML tags
Vivekheyvivek.com·Jul 5, 2024Best practices for improving SEO in a NextJs application built using app routerSome best practices within App Router are contributing to letting search engines crawl, index, and rank your site effectively. The following are a number of key strategies for improving SEO in your Next.js application: 1. Server Side Rendering and St...10 likesSEO for Developers
RANIT MANIKranitmanik.hashnode.dev·Mar 2, 2024The Power of Open Graph Meta TagsIntroduction In the dynamic landscape of web development and content sharing, Open Graph meta tags have emerged as pivotal tools. This document-style article delves into the intricacies of Open Graph meta tags, exploring their significance, implement...1 likeopenGraph
adebayo damilareadebayodamilare.hashnode.dev·Dec 21, 2023Unveiling the Power of the Viewport Meta Tag in Responsive Web DesignTitle: Unveiling the Power of the Viewport Meta Tag in Responsive Web Design In the dynamic realm of web development, where users access content across a multitude of devices with varying screen sizes and resolutions, ensuring a seamless and visually...10 likesResponsive Web Design
himanshugopalkdwivedi.hashnode.dev·Dec 10, 2023Understanding Meta Tags in CSS(lt.27)Introduction: A meta tag is a snippet of code present in the head section of a web page. It provides information about the page to search engines, influencing how the page is displayed and ranked when searched. In simple words, it is data about data....20 likesmeta tag
Tamal Chowdhurytamalchowdhury.com·Nov 6, 2023Setting Title Tags Using JavaScript: Inspired by Facebook Chat NotificationHTML <title> tag is a meta tag mostly used for website information purposes. When you set a title tag on your page's .html file it will show up on the browser tab: And also shows up on search results: But you can also change the title tag pragmati...2 likes·120 readsJavaScript
Rohan Mathurrohanmathur.hashnode.dev·Sep 1, 2023Generate dynamic meta-tags for your client-side rendered web appWhy do we need this? Let's consider a youtube video example, whenever we share a video on any social media platform say twitter.com, the link also shows some images and text giving more context to what that video is all about. See the below example. ...10 likes·440 readsReact
Peter Olalekandevpeter.hashnode.dev·Aug 10, 2023Unveiling the Power of Meta Tags: Enhance Your Website's Performance and VisibilityIn the ever-evolving landscape of web development and digital marketing, one might wonder: "What are these mysterious HTML elements known as meta tags, and how can they impact my website?" The truth is, meta tags play a crucial role in determining ho...Web Development