How to prevent preloader image view in URL preview? I want to see main image of news (or blogs) in URL preview
I use preloader in website: https://adl.az/
The file format of the preloader image is "PNG". It's not "GIF".
The Problem is:
If I send website URL to anyone or share it on any social network, I see the preloader image in the URL preview. But this is not true, because it is supposed to display the organization logo. Or if I'm sharing a single news (or blog) as a post, it should show the main image of the news (blog) in the post (I mean the URL preview).
Visually,
The current situation:
Required:
I tried to convert it to "svg" but with no good result. So I didn't change the file format.
you don't have any Open Graph tags in your home page..so facebook took one screenshot of the page https://www.ionos.com/digitalguide/online-marketing/social-media/open-graph/
and another thing...your site have <html lang="en" but is not in english, this can confuse google.
The same problem in the news page, but fortunatly facebook is enought smart to take a picture from the html article tag, in case you have more than an image he can take one you wouldn't like, is always raccomended to use Open Graph data for socials sharing
- Is it possible to pull css values with HTA javascript?
- How to secure my login page
- pixel.gif, why do people use it?
- apple-mobile-web-app-status-bar-style in ios 10
- Using margin:auto to vertically-align <div>
- Contact Form Submit Button link to Email
- Generate random image by url
- Cross-reference (named anchor) in markdown
- Unable to make text bold in SVG
- Is there a way to create your own html tag in HTML5?
- Show hide divs on click in HTML and CSS without jQuery
- input type color default color input as HEX
- Can't vertical scroll page on mobile devices with full width PrimeNg carousel
- font size is not working when using from html
- Using custom HTML Tags
- Giving wrapped flexbox items vertical spacing
- force element to display outside of overflow:hidden
- Using css how so I create a pill shape which is circular on one side and angled on the other?
- How to make a pill shape button with HTML and CSS?
- Can I add a custom attribute to an HTML tag?
- Why is my Bootstrap table overflowing the containing card?
- Why are level 1 headings the same size as other headings?
- WAI-ARIA Roles for Carousels (a.k.a. sliders, slideshows, galleries)
- What is the difference between localStorage, sessionStorage, session and cookies?
- Change text with a CSS3 animation?
- Changing the Style of a specific element by Checkbox:Checked
- slideDown jumps abruptly at the end
- React ${} string replacer doesn't work
- Favicon not working
- Formatting a nested table in HTML