36
votes
Accepted
HTTPS connection is "not safe" due to images
Your image tags must currently look like:
<img src="http://example.com/images/image.jpg">
That http in there means that the image is NOT served securely. An attacker could change the image ...
31
votes
How to prevent pictures from being downloaded by right-clicking on them or Inspecting the web page?
You can't prevent it, you can only stop people who don't understand coding.
Generally it is done with Javascript which is easy to disable. Further, it is a trivial matter to take a screenshot of an ...
25
votes
How to prevent pictures from being downloaded by right-clicking on them or Inspecting the web page?
By definition, if a visitor can view an image, it has already been downloaded. That's how a web page works. You can however use a variety of tactics to make it more difficult to do so.
As you've ...
20
votes
Accepted
Why do oversized images appear better than images that are the correct size on the web?
It's most likely due to viewing images on retina and high density screens.
Before the introduction of Retina-class displays, the average screen
density was far lower. Web-based images included enough ...
19
votes
How to change which image from website is shown in Google search result?
You can indicate to Google which image you'd like used for your property using Schema.org markup. Here's a quick company website example:
<script type="application/ld+json">
{"@context" : "http:...
17
votes
Should company name in logo be an image or text?
As the text is part of the logo, I would keep it in the image (saves on trying to match any non-standard fonts and having to position it exactly like it is in the logo) - you can always put it in the ...
13
votes
Why do oversized images appear better than images that are the correct size on the web?
(This a basically the same as Pete's answer, just written from a different angle.)
Because CSS "pixels" aren't really pixels anymore (and haven't been for quite a while).
So what is a pixel,...
12
votes
How do I tell blogger which image is the thumbnail to use in data:post.thumbnailUrl?
In fact, you can, but in a little hack way.
As blogger considers the first image in a post as a thumbnail, and you want to add some other image as a thumbnail which should be not included in a post ...
12
votes
Accepted
Blank image. What to use: Base64 vs 1x1 JPEG image
The base64 image option should be used where you would only have a very small number of images and you want to eliminate the network overhead of fetching a picture from the server. However from what ...
12
votes
Why do some web pages bake images into their HTML?
There is a similar question on Stack Overflow.
What you are seeing is referred to as a data URI scheme but some just call it a base64 encoded image. The main benefit can be page speed but there are ...
10
votes
Can I take images directly from Google for my affiliate site?
No, unless you do a search with the correct license.
When you do an image search, there is an option to select the license.
Go to Images. Enter a search term. You should see a Tools button toward ...
10
votes
How to prevent pictures from being downloaded by right-clicking on them or Inspecting the web page?
One more trick to make it a little harder, which also works with Javascript disabled.
Use CSS to position a transparent element over the image, so that right clicking it does not show the image-...
9
votes
Should <meta property="og:image" content="..."> have an alt tag?
No, you do not need an alt attribute on that meta tag. In fact, it is not even allowed as others have already said.
However, (today) Open Graph specifies and even suggests to provide the image alt ...
9
votes
Accepted
Is it OK to use same text for title and alt text for an image?
It is valid but highly not recommended, usually there is a structure you should follow to get the most of the SEO juice avaiable and it is :
For the alternative text you want to show info for the ...
9
votes
Accepted
Should company name in logo be an image or text?
Google likes company alt attribute
Both Google and Bing understand that a logo will often be repeated throughout in PNG, GIF and JPEG. Simply markup the logo using the alt description to inform ...
8
votes
Accepted
Does using an img title attribute in addition to the alt attribute help image SEO?
There is no use of title for image in terms of SEO. It is only used for providing extra information for that image element.
You can increase the SEO by adding ALT tag to your Images.
8
votes
Why do oversized images appear better than images that are the correct size on the web?
In addition to @Pete's excellent answer, it's also possible the images you are using are overcompressed. When you scale down a large image it has more information to work with and so it can appear ...
7
votes
Can we serve our sites images with an ad server and not have the images blocked by ad blockers?
The intelligence of the blocker is down to whatever extension or software the user is using. Some will simply block adsense, while others may be configured to read a white list, or black list ...
7
votes
Accepted
How to change which image from website is shown in Google search result?
The issue you've cited is because Google is unable to determine which is your main image and that is why, it randomly pics an image on that page to show on the SERP result.
It is also dependent on ...
7
votes
Accepted
Does Facebook Need both og:image and og:image:secure_url for HTTPS only site?
As I understand it, if your site is 100% SSL (and everything redirects to HTTPS, so there is essentially no plain HTTP) then you only need the og:image tag in which you specify the https://... URL. ...
7
votes
Accepted
How do you determine a good set of breakpoints for srcset image sizes
The size of an image is proportional to square of the width. You get far more saving by reducing from the largest size to the second largest size than by reducing anywhere further.
13002 = 1,690,000 ...
6
votes
HTTPS connection is "not safe" due to images
The issue is that your page is serving links from a http location as opposed to https. This is due to using absolute http links to reference resources such as images. There are two better methods ...
6
votes
Do I need an XML sitemap for just a few images and videos?
As others have stated, a sitemap isn't necessary for such a small amount of content. If you really want to have one, then including everything on one sitemap is okay.
Can you combine an XML Sitemap ...
6
votes
Accepted
How do you avoid cumulative layout shift with responsively sized images?
I think the key part you are missing is height: auto; in the CSS.
Earlier this year, all the major browsers made a change whereby they take the width and height defined in the HTML img tag as the ...
6
votes
Accepted
Use A.jpg if you have it in cache, otherwise use B.jpg?
TL;DR answer: I don't think that exists in the way you mentioned similar to webp and, if it's possible, it would be with messy/unsupported workarounds. It may even trigger some ad blockers / antivirus....
5
votes
For SEO of the company name, should we use a logo with alt text or a company name div replaced in CSS with an image?
The logo is content, not presentation. So it should be included in the HTML, not in the CSS. Therefore using the img element is the appropriate choice.
However, you should not use the alt value "Logo"...
5
votes
Is it OK to use same text for title and alt text for an image?
Since tons of people are using internet on mobile devices, I suggest not paying too much attention to the title value in the image tag. On a desktop computer, that value is what people see on screen ...
5
votes
Accepted
Rewriting image URLs in nginx from a shortened URL to a specific directory
To direct the URL domain.tld/image/filename to the local path /imageshare/images/extension/filename, use the alias directive (see this for details):
location /image/ {
alias /path/to/imageshare/...
5
votes
Blank image. What to use: Base64 vs 1x1 JPEG image
Definitely go with the data URI, unless you need support for IE < 8. (Browser support.)
Embedding lots of tiny images directly in the HTML may look like it will take up more bandwidth than linking ...
5
votes
Accepted
NewsArticle not validing: "The attribute image.width has an invalid value."
See Google documentation: https://developers.google.com/search/docs/data-types/articles
Images should be at least 696 pixels wide.
So this one works for me:
<script type="application/ld+json"&...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
images × 651seo × 223
html × 55
google × 49
css × 45
google-image-search × 43
alt-attribute × 32
search-engine-indexing × 26
google-search × 25
wordpress × 25
optimization × 25
performance × 24
cdn × 22
copyright × 20
php × 18
page-speed × 18
schema.org × 17
website-design × 17
url × 16
facebook × 15
image-search × 15
htaccess × 14
filenames × 13
javascript × 12
sitemap × 12