Questions tagged [meta-tags]
The HTML meta element provides a means to add various kinds of metadata to an HTML document.
2,299
questions
1
vote
1
answer
17
views
How do I implement support for customers' GA4 container and Meta Pixel tags on a web app?
I am working on a web application that is served as an iframe to several clients. I am interested in adding both Google Analytics 4 and Facebook/Meta Pixel analytics tags to the page (through Google ...
-1
votes
0
answers
29
views
<META name="from" content="" /> doesn´t appear a part of content [closed]
<META name="from" content="My App <myapp.email@email.com>" />
I have to send the emails from a bucket in AWS, but suddenly the user receive the email but he has to see ...
-3
votes
0
answers
25
views
Appearence in web browser, SEO [closed]
My problem is that my website doesn't have the small icon in the web browser perspective. I have every favicon in my code included as far as I am concerned.
In the following code you can see my head.
...
0
votes
0
answers
56
views
Generate Dynamic meta tags in react js for url sharing
I tried with helmet and helmet-async, It is changing, but when I share the url it picks the default one.
I also tried it with SSR It is taken dynamically (but in this case, only the hardcoded title of ...
1
vote
0
answers
21
views
Parcel + React + Dynamic HTML meta properties - is it possible?
Originally I was intent to ask about dynamic rendering with Parcel but then I thought my question has to be more generic.
So, what we're trying to achieve is to let social medias / messengers creating ...
0
votes
1
answer
37
views
How to remove duplicate meta tags in nuxt-js?
I am using nuxt version 2.15.7 in my project. Here is the nuxt.config.js file:
export default {
head: {
titleTemplate: '%s',
title: 'info-book',
meta: [
{...
0
votes
0
answers
21
views
Using dynamic image as Twitter meta image
I have a Twitter application that publishes every 20 minutes the title being broadcast on my web radio.
It can publish the title, the artist, the number of listeners or the current playlist, but not ...
2
votes
1
answer
49
views
Angular: how do I add or update the meta-tags using Meta service, for SEO
I've seen a number of posts addressing similar issues, but despite my best effort to follow the recommended approach, adding tags using the Meta service still doesn't work for me.
So I decided to ...
1
vote
2
answers
69
views
Cannot add meta tags with React 18.2.0
Hi I've done a couple of projects in React but I am new to adding meta tags in React. I have tried the plugin react-meta-tags which doesn't work and have tried react-helmet which also doesn't work and ...
0
votes
0
answers
37
views
How to use multiple og:image, og:url, og:title, so that I can have different thumbnails on fb and twitter on every page on my website
** I made a website and I want to post on fb and twitter. I want to put a different thumbnails, title and description on each web page. But i can't figure out, so every time I post a web page on fb/...
0
votes
1
answer
35
views
Why og:url can not point to og:image?
I have this sharing page: https://tikex-dev.com/kubl/34lw/j1vd/ceay
Though og:url is the same as og:image, og:url value in Facebook Debugger will not show the meta tag value, but the url of the ...
1
vote
0
answers
18
views
Why og:url is not taken from meta tags?
On my sharing page: https://tikex-dev.com/kubl/38fn/j1vd/2mi1
in header I specify a different og:url than the url itself, this:
<meta property="og:url" content="https://t44-post-...
1
vote
0
answers
57
views
Why Facebook does not animate gif, if gif is used as og:img?
I have this post: https://tikex-dev.com/kubl/szkg/j1vd/7w68
it has og:img: https://t44-post-cover.s3.eu-central-1.amazonaws.com/v56o
If you load it in a browser it animates, but not on Facebook, why?
...
0
votes
1
answer
36
views
How Giphy share differently gif animation on Facebook than my site?
Comparing this Giphy sharing page: https://giphy.com/clips/studiosoriginals-bastille-day-14-juillet-happy-LEIGgMyBl6AdW28Auh
with my page https://tikex-dev.com/kubl/38fn/j1vd/2mi1
When pressing share ...
0
votes
0
answers
17
views
NextJS - How to fix "Properly defines charset - Error!"
I have a NextJS app with regular static and dynamically created static pages. Both clearly define the <meta charset="utf-8"> tag as you can see in the screenshot. The regular static ...
1
vote
1
answer
63
views
Find a thumbnail to display for any user-defined link?
When you copy a link into a WhatsApp conversation, a thumbnail image and a few lines of the targeted page are shown. And when you post a link on Facebook - same thing.
How do they always find a ...
1
vote
0
answers
39
views
NuxtJS meta tags are dynamically generated but crawlers pick up the default one
I'm using server side rendered Nuxt2 in universal mode and asyncData function on a page to fetch information for dynamic meta tags. I'm generating tags and putting them to head()
Tags are correctly ...
0
votes
0
answers
69
views
Why my metadata is not returned properly using nextjs Head and getStaticProps?
Running into an issue with getting my meta tags working properly with NextJS.
Here is an online page : https://www.acaciapp.com/action/alimentation/eviter-boire-jus-fruits-presses/O4tkFjvta1c1B8XzFC3j
...
0
votes
0
answers
15
views
When Splitting Cart into Packages Shipping Classes in stock string post meta gets returned as lowercase using Woocommerce
We are splitting by Shipping Class and Post Meta: _stock_status on the cart page. When we split the cart, the shipping class appears for each item just fine, but when it splits the cart using the Post ...
2
votes
0
answers
45
views
replace the page meta and link with global meta on nuxt
Why doesn't the local configuration for meta title and description override the global configuration
The problem is that when I change the meta tags and links on the page, it removes the meta tags ...
0
votes
1
answer
41
views
why dynamic meta open graph tags not working?
I'm using Strapi as cms for my project and Nextjs, and I'm supposed to make meta open graph tags content dynamically, after it is deployed I try to copy and paste my website link to social media (FB, ...
0
votes
0
answers
39
views
& is added to the image link in meta tags
I am using Nuxt as our frontend and CloudFront for images. I am using asyncData for SSR (adding dynamic meta tags to the page).
The main problem is that our meta tags are not displaying the image. ...
0
votes
0
answers
21
views
Images hosted on S3 AWS are not displayed on Facebook [duplicate]
I just finished setting up OpenGraph metatags for my website, and I tried to use Facebook Debugger to test out my website link preview. The metatags worked fine, but for some reasons Facebook won't ...
0
votes
0
answers
13
views
Request denied based on content categorization: "Uncategorized URLs"
I have a reactJs SPA hosted on github pages with custom domain.
I indexed it in google search and also have description <meta> tags in my code.
All works fine on normal machine.
However, When I ...
0
votes
0
answers
65
views
What's the width of a screen? 100vw vs innerWidth vs visualViewport.width vs screen.width (React)
As you could imagine, I'm trying to make my webpage responsive and mobile friendly.
I have an outer container on which I set the width dynamically using this hook (window.innerWidth). So to test if ...
0
votes
0
answers
15
views
How does the facebook & LinkedIn select the image for sharing without og:image property
I have developed a website page where I provided og: properties for the FB and LinkedIn share. But as part of the demo with the client, they requested to remove the image from og:image and then try to ...
0
votes
0
answers
24
views
Some meta tags not added to head when rendered via component
I have a MetaTags.tsx component that has the following structure;
const DEFAULT_IMAGE = {
url: OgImage, //cloudinary url
width: '1200',
height: '630',
};
const MetaTags: FunctionComponent<...
1
vote
1
answer
218
views
Test meta tags with playwright
I want to test meta tags of the web application in Playwright, but I haven't found any info in the official documentation. Can somebody advise me with meta data testing?
For example, I have tried to ...
0
votes
2
answers
185
views
nextjs meta tag details not appearing on social media post
I used nextjs builin Head for meta tags. But when I shared my link on facebook meta tag details not showing. Here is my code:
I added meta tag in my index.js:
export default function Home() {
...
0
votes
0
answers
27
views
Angular - SEO Meta lang
For SEO, website's lang can be place as attribute of html tag
<html lang="fr">
But my issue is that i have an Angular application and lang is manage on Angular side with local
In ...
1
vote
1
answer
70
views
Description and sitelinks below website name in search results
How can I add "metadata" (green and red lines on the picture below) to a website? Probably the name metadata isn't correct, sorry for that.
I already tried modifying the following tag in the ...
0
votes
0
answers
344
views
React-Helmet not updating meta and title in SSR application
I have updated this to use react-helmet-async in place of react-helmet.
I have a React application that has implemented server side rendering. I am following the steps on this site: Documentation for ...
0
votes
1
answer
48
views
How can I use IPFS images as twitter card image?
I want to be able to allow clients to set there own twitter card data with image sourced from there own site or from IPFS. as a test I made a page with the following meta tags(copied from a market)
&...
0
votes
1
answer
125
views
Declaring Feature-Policy (Permissions-Policy) headers in HTML meta tag
Is it possible to add feature policy headers by doing meta tag implementation? Apparently it didn't work for me with the following specific feature.
<meta http-equiv="Feature-Policy" ...
0
votes
0
answers
24
views
Parse Meta Tags PHP [duplicate]
I have this code on my html page:
<header class="adPage__header">
<h1 itemprop="name">BMW 3 Series</h1>
</header>
<ul class="...
0
votes
0
answers
60
views
How to update Open Graph description in Telegram?
Telegram doesnt update the description meta tag <meta property="og:description" /> in priview links. I tried to update it using @webpagebot, but it didn`t help. It works correctly on ...
0
votes
0
answers
81
views
how can i make og:url meta tags work in node js
I'm trying to share articles with facebook, this is my code:
<!doctype html>
<html>
<head>
<meta property="og:url" content="...
1
vote
0
answers
92
views
How do I add custom meta tags for each route in Flutter web?
I know how to add custom titles to each route, but how do I add meta tags to each route in Flutter web? Thanks
2
votes
3
answers
55
views
Whats the point in using metadata in HTML?
I started HTML again yesterday and I'm confused. Why are we supposed to use meta tags if it's not on the site?
0
votes
0
answers
56
views
Location (long lat) meta tag for html?
Is there a meta tag that can be used to indicate the longitude/latitude of the business?
This site is the only 1 I could find via another SO post:
https://www.geo-tag.de/generator/en.html
What I want ...
0
votes
0
answers
94
views
Meta tag code is breaking and showing in wordpress site's header
I'm using the following code to autogenerate my posts metatags:
function gretathemes_meta_description() {
global $post;
if ( is_singular() ) {
$des_post = strip_tags( $post->...
0
votes
0
answers
43
views
Force site to load mobile rather than desktop
I'm using a JS library (Pannellum) that enables use of the motion sensors available in Apple devices, but when I view my site on a large iPad (12.9-inch) it defaults to the desktop site and makes the ...
1
vote
0
answers
13
views
If I initially hide my site using noindex, how quickly can I unhide it when wanted?
Like the question says.
If my new website starts low profile, with restrictive tags such as <meta name="robots" content="noindex" /> or nosnippet or nofollow, until a certain ...
0
votes
1
answer
13
views
Is there an easier way to get everyone to include tags when the save their MS Word Document?
I have users that save their notes on a Word Document from a template we provided. We wanted them to add meta-data tags upon save, but they never remember to.
I was thinking to edit the template to ...
0
votes
1
answer
203
views
Twitter URL Preview Card Not Showing Image
I'm trying to get <meta/> tags set up on my website so that social media sites such as Facebook and Twitter show a preview card when posting a link to my site, but I can't get twitter to show an ...
4
votes
0
answers
743
views
Meta tags in React-Helmet are not being read while sharing links
Basically what I want to achieve is to have main blog post image displayed on the link thumbnail while sharing it on social media like twitter, facebook, etc.
The meta tags that I have in <Helmet&...
2
votes
0
answers
196
views
How to set dynamic metatags in ReactJS to get nice share links?
The app
The application was made using ReactJS, React Router Dom, Styled Components and Redux ducks.
The backend we consume is also made by us using Amazon Amplify and GraphQL.
The goal
We need to ...
0
votes
1
answer
231
views
display a play button over videos thumbnails in link privew [duplicate]
I am working on a video sharing platform, the platform automatically generates a thumbnail for uploaded videos and I use these thumbnails for the link preview on other sites but I want to add a play ...
0
votes
0
answers
15
views
Angular project blocked after adding CSP header [duplicate]
On adding script-src to the CSP header following error is thrown in the console
EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the ...
0
votes
0
answers
26
views
What is the source of meta tags in the PDF?
When i search for a PDF document of researchgate I can see meta data for the PDF such as
Author name
Year
Citations count
I could not find this data anywhere in the meta-tags
Where is this meta data ...