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 ...Discuss·1 likeHTML tags
Vehbi Sinan Tunaliogluthenegation.hashnode.dev·Aug 24, 2024Web Browser Extension Workshop - Part 1I am starting a short series of blog posts about creating a Web browser extension using WXT. In this first part, we will set up the development environment and try to read the content of the navigated Webpage or Webpage on the active tab. Motivation ...DiscussWeb Browser Extension Workshopwxt
Alex Sinelnikovalexsinelnikov.blog·Aug 19, 2024Open Graph Protocol: Improving your SaaS visibility on social networksDo you need it? Yes. I, as indie hacker with no budget to promote my app updatify.io, use all available tools. OG protocol is one of them. It takes literally few minutes to add, but it greatly improves your visual visibility on social networks. Here'...Discuss·9 likes·282 readsSEO
Vehbi Sinan Tunaliogluthenegation.hashnode.dev·Aug 14, 2024More Haskell Diagrams: Dynamic OpenGraph ImagesThis blog post is a Literate Haskell program that produces its own OpenGraph image using the infamous Haskell diagrams library. Motivation So far, I have written a few blog posts about generating images with Haskell's diagrams library. In this blog p...DiscussHaskell
Vehbi Sinan Tunaliogluthenegation.hashnode.dev·Aug 12, 2024More Haskell Diagrams: OpenGraph ImagesIn this blog post, we are continuing to play with Haskell's diagrams library. We will write a literate Haskell program to generate an OpenGraph image. Motivation I am told that my Website pages should have OpenGraph images. So, I stopped worrying abo...DiscussHaskell
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...Discuss·10 likesSEO for Developers
Aashish Panthiblog.aashish-panthi.com.np·Apr 6, 2024Dynamic Open Graph Image generator using Vercel-ogEver thought of building something and got busy with other tasks? And... suddenly remembered the idea? And... you really worked on it? Well that's what happened to me with this idea. The beauty of being a programmer is that you can build anything, no...Discuss·21 likes·92 readsSEO
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...Discuss·1 likeopenGraph
Dylan Laceyblog.gentlehacker.io·Jan 29, 2024A Link Preview Component for SvelteKit (Part 1)TL;DR of this articleWe introduce the OpenGraph Protocol and the basic use case supported by our component. We create a basic SvelteKit and embed a TypeScript compatible component inside One of the glories of the Hypertextual medium is the ability t...Discuss·29 readsBuilding a Link Preview Component for SvelteKitSvelte
Manish Hatwalnereclusivecoder.hashnode.dev·Sep 12, 2023Build a Stunning Portfolio in Minutes with Python and BootstrapI needed a simple way to extract and add snippets created from the Open Graph tags (og:xyz) of my own articles, published across various websites.The goal was to quickly put together my writing portfolio. The Open Graph snippets (aka “cards”), are th...Discuss·36 readsPython
