PHP script not working for meta description? Update for twitter cards

I'm just trying to make this random script to make meta, open graph and twitter cards eisier together. This is my PHP Code <?PHP $Title = "This is the Open Grah script"; $Description = "This is...

Twitter card validator on localhost

So i'm testing the Twitter and Facebook share functionality. I'm currently testing Twitter's share button, i've added in the meta tags and after a few hours of searching I found that for me to be...

How to get Google search card html

Many websites show a card when you do a Google search, for example here is one for twitter: I'm having a hard time finding documentation about these cards and how to implement them. My questions...

Twitter Cards - No Meta tags found

I've added all the pre-req meta tags to the header, but the validator always gives me. INFO: Page fetched successfully WARN: No metatags found Read one post re: adding content type text/html. ...

How to dynamically render meta tags for social share button on a static site?

I have a static site where users can generate images and content in unlimited combinations. When the user is finished, permalink is generated to allow them to share their creation via...

Nuxt.js: Conditional client/server side rendering

The goal: Use vue.js to serve a website with many routes and dynamic content which has open graph and twitter rich cards meta data markup. The idea: Requests with user agent containing Twitterbot,...

Bootstrap navbar toggle button doesn't work

The button shows up when I shrink the page, but when I click it nothin happens.I tried to change the structure of the div's, in rows and colomns, but still nothing, I think something's missing.I...

Twitter Cards Images Are Blurry

Over the last weekend, I installed Twitter Cards on my Blogger blog, however, when I post a link to a post on Twitter, the preview image seems a bit...

React-Redux not updating in IE11

I'm having a problem with IE11 in my React SPA, it is a client-side rendered app. The issue is that while in others browsers it just works perfectly fine, in IE11 it sometimes wills stay in an...

Twitter: "Fetching the page failed because other errors", on Forge NGINX server with SSL

Our website is running on Laravel Forge with 'Let's encrypt SSL,' and HTTPS is OK in the browser. We added FB, Twitter meta tags for having branded FB and Twitter cards when sharing on these...

Angular 6 Meta service with dynamic metadata from web service

I'm trying to use data retrieved from a web service to update the metadata in an Angular 6 (update: now Angular 7) Universal app (using Meta and Title). I'm specifically doing this for Twitter and...

Problem with Intersection Observer API and Bootstrap

I have a problem with the intersection observer API. I'm trying to trigger an animation when the intersectionRatio is at least 40%, so I'm using the code below: if(entry.intersectionRatio >...

How to fix: Django forms: {{ form }} is not working in a dynamic html page

I've created a dorm in Django: #forms.py from django import forms class ContactForm(forms.Form): name = forms.CharField() number = forms.FloatField() eail_user =...

Twitter preview card not showing

I would like to show a preview of the twitter card I have. I've set all meta tags: <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Vrienden...

Twitter Cards - "WARN: No metatags found"

Having setup metatags for sharable pages via a heroku-hosted react web app. I've noticed that Twitter cards are not being properly presented, despite page source correctly presenting twitter and...

Twitter cannot read meta tags on a SSR vue.js app

I'm trying to implement vue ssr on a website, and I'm stuck with one major problem... While my ssr seems to be working (when I go to my page without js activated, I receive the fully rendered...

Twitter card meta tags work in index.html, not in React Helmet

I have used below React Helmet code in App.js for rending Twitter card meta. <Helmet> <meta charSet="utf-8" /> <title> {`xxxxx`} ...

Wordpress does add unwanted html tags to my code

I cant understand why wp adds some unwanted </p> tags to my lovely html. Do i miss something? Problem: It makes these empty </p> thus create a 3rem border on the bottom, of my bootstrap card,...

YouTube metadata not validating on Twitter

I have a YouTube channel, for which almost all of the metadata cards fail to validate on Twitter. Therefore, when one of our video links get posted to Twitter, preview images and descriptions fail...

Bootstrap 4.3 Make Navbar Static at Top of the Page AND Transparent

I have done my best checking and googling everywhere for info before asking here... Hopefully I am not redundant. I am trying to make a static navbar at the top of my page in Bootstrap...

How to not redirect Twitterbot when using cloudflare SSL?

Twitter Cards (twitter:image or og:image) won’t allow https from a shared SSL including Cloudflare. The workaround mentioned is to create an .htaccess file and add code to not redirect...

<a> tag only execute one of two functions

So I am trying to make an summary page from a cart page. When I press CHECK OUT, we write to the tbody in another html document and empty the cart. Problem is: When clicking the component which is...

Show scrollbar in Bootstrap 4 sidebar

I am experimenting with a Codeply Example of sidebar. I want a working scrollbar to my sidebar. I want sidebar like shown in w3schools sidebar - I have also added a screenshot to this...

Vue application meta tags for social sharing

I have developed a Vue app that has navigation and content on each page. What i need is to setup meta tags for each different page for Twitter and Facebook cards. For that i use vue-meta library...

django-filters: How do I use ModelChoiceFilter, unable to add classes to form fields and unable to set form labels

I'm trying to create a drop down form as a filter but its not working, and I'm trying to have a text field along with it. The two model fields that the fields are pulling from are a TextField and...

Why can't Gatsby / Facebook find my og:image

I have a Gatsby app setup. src/ ---images/foo.jpg // <--- the img i want on my facebook shareable URL (og:image). ---images/ // <-- note, there are loads of PNG files i'm using that seem to...

How to bring Twitter Tweet with Twitter Card to work?

I try to implement a Twitter Tweet button on my web page (asp.net core console app) with Twitter Card. Goal: submit link to my web page, title, description and image (over the twitter meta tags)...

Select Picker Problem with bootstrap 4: Multiselect Box Goes Off Screen

Below is a complete HTML reproducible example. When using the selectpicker class from bootstrap-select, the live search box flows off to the left in the sidebar when clicking in the box and is not...

Twitter summary card image is not always displayed

So i have a website which is builded with NextJS and i'm using Next SEO plugin for filling the meta tags necessary for twitter and facebook info... I have card type option set to...

Bootstrap Background Image Full Screen Width

Screenshot of site screenshot I am brand new to coding, and am working on a project and added a background image. I am unable to change the background image to make it the full width of the...