News Articles meta tags

Enable Javascript to run this app | Google Search

When I search my website on google, below is the message displayed. I want to remove this message, I have added meta tags as well but still, this message is shown. "You need to enable javascript to run this app." The frontend is developed with REACT Please advise how to fix this. Thanks Source: React […]

Is dynamic `theme-color` meta tag possible?

I’m using Chakra UI with Next.js and wanted dynamically change the theme-color as user switches color modes. Using variables do not seem to work. <meta name="theme-color" content="–var(theme-color)" /> Source: CSS – Stack Overflow

Is dynamic `theme-color` meta tag color possible?

I’m using Chakra UI with Next.js and wanted dynamically change the theme-color as user switches color modes. Using variables do not seem to work. <meta name="theme-color" content="–var(theme-color)" /> Source: CSS – Stack Overflow

How do I set meta tags in Nuxt SSR?

I’ve been trying to set up some dynamic meta tags for my Nuxt SSR project following the Nuxt documentation. Surprisingly neither having head property as an object, not using it as a function did not result in meta tags displaying properly when I view page source. Link preview doesn’t work either. Here’s my head object […]

Media query is not working when css is added

Here media query is not working when CSS is added. If I removed CSS then the media query is working fine. Here i commented the CSS uncomment and check. what might be the issue here Can anyone suggest me in the direction. /*.circle-icons { display: -webkit-box; display: -ms-flexbox; display: flex; } .circle-icons svg { -webkit-box-flex: […]

react-meta-tags adds <style> in <head>

I’m using react-meta-tags to add/update the meta tags in my react site. While it works fine, I noticed that there are plenty of tags added in, which has the styles present in my css files. These tags were not present when I was not using react-meta-tags. Now, is it okay for these tags to be […]

Adding dynamic meta tags fetched from API to nuxtjs static site

I have a static site with Nuxt and content coming in from Strapi. I want to dynamically set the meta tags that are fetched asynchronously. My site has an index page which passes the fetched data to index-web or index-mobile through props. let pageMeta: any const apiBase: string = ‘https://strapi.xyz.com’ export default Vue.extend({ components: { […]

Convert my create react app typescript to ssr for serving dynaminc meta tags

I want to convert my create react app typescript to ssr for serving dynamic meta tags so social medial crawlers can show preview. Has anyone done this, can share a sample code with all the config Source: React – Stack Overflow

Preview Link Generation – Spring Boot React Application – Social Media Share

Requirement: To share/post the progress of the application to social media (Twitter, Facebook) Acceptance Criteria: When user shares/posts the link, it should preview the image of the progress in the social media post. Tools and Technologies: Spring Boot REST for services React Js for front-end development Description: I have a react application which tracks the […]

Uncaught ReferenceError: dispatch is not defined with spatie/laravel-server-side-rendering package

I am using Reactjs with Laravel 7. Everything works fine except the dynamic meta tags on each page of my website was not updating when API request is sent in the backend. I did use react-helmat package but it did not update the meta tags. I also used Laravel butschster/LaravelMetaTags package, which also did not […]

Quiz: The Maddeningly Difficult Metadata Quiz

Metadata is an essential component of any website. It clarifies the meaning behind your content in a way that search engines, and browsers are able to understand. Using metadata effectively can mean the difference between a successful site, and a total flop. So, how well do you understand this critical web design tool? Take our […]

CSP, Refused to load the script, violates the following Content Security Policy directive: "script-src ‘self’"

Can someone explain me how can i add CSP meta tag to my header? i tried adding different meta tag to my header but i get more error from CSP <meta http-equiv="Content-Security-Policy" content="default-src ‘self’ https:*//api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.js"> <meta http-equiv="Content-Security-Policy" content="default-src ‘self’ data:gap ‘unsafe-eval’ ws: ; style-src ‘self’ ‘unsafe-inline’ script-src *; media-src *; font-src *; connect-src *; img-src […]

Facebook share detects og:image but ignores image

I’m trying to figure out why the og:image isn’t showing up on sakspotts.com through the Facebook sharing debugger here: https://developers.facebook.com/tools/debug/?q=sakspotts.com It correctly locates the og:image URL (which URL params I’ve escaped using encodeURIComponent) but the image doesn’t show up. I also tried using https://fabianstiehle.com/mimetype/ to see if maybe it wasn’t getting a correct content-type, but […]

i created a react js website and its only front end and i included meta tags inside the index.html file but they are not working properly

<head> <meta charset="utf-8" /> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="theme-color" content="#000000" /> <meta name="description" content="We are safety garage door and we have been in garage door business since 2018, we are here to provide good quality and quick service at reasonable price that fit everybody’s budget. We value each and […]

How much time to spend on SEO meta tags?

My thougs on how much time you should spend on optimising the meta tags

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.