Hot answers tagged

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 ...
Pete's user avatar
  • 766
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 ...
Pete's user avatar
  • 384
13 votes

How can I upload my files to a domain that I bought?

Rather that upload your files to your domain, you have to get website hosting and point your domain to it. Here are the steps you need to follow: Find a web host. See How to find web hosting that ...
Stephen Ostermiller's user avatar
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,...
Ilmari Karonen's user avatar
12 votes
Accepted

How can I upload my files to a domain that I bought?

Since you've mentioned using GitHub Pages to host your site in the past, here's an answer that allows you to add the domain you've bought directly to your GitHub Pages deployment. Navigate to the ...
I.Am.A.Guy's user avatar
10 votes
Accepted

Does text-shadow CSS affect SEO ranking by risking a cloaking penalty?

Google penalizes for text that is not visible to the users. White text on a white background can be used for keyword stuffing. In that case the keywords are put in the page source where Googlebot ...
Stephen Ostermiller's user avatar
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 ...
Simon Hayter's user avatar
8 votes

Does Google care about code formatting?

That whole article is about making code readable for humans and has nothing to do with SEO. Google does not care about formatting. Google only cares about content. Anything that helps outline that ...
Rob's user avatar
  • 4,623
8 votes
Accepted

Are Static Websites (HTML & CSS) Hack-Proof?

Nothing is ever really "hack-proof" when you consider the multitude of attack vectors. Whilst a purely static website may not be susceptible to SQL injection or WordPress script-kiddie attacks, there'...
Andrew Lott's user avatar
  • 5,864
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 ...
davidgo's user avatar
  • 7,784
7 votes
Accepted

Best way to add a custom font to my site?

Which is better, font-face, import url, or link rel? Font-face is used in both link rel and import url, it is how internal or external fonts are loaded. Import URL and Link Rel both call for internal ...
Simon Hayter's user avatar
7 votes
Accepted

Custom font not loading

Ok here is how it should work. The CSS @font-face { font-family: "BellGothicStd"; src: url("fonts/BellGothicStd-Black.otf") format("opentype"); } h1 { font-family: 'BellGothicStd', Arial, sans-...
norcal johnny's user avatar
7 votes

Can I use numbering to decorate headings for readability in CSS without hurting SEO?

Contrary to hurting SEO, I've found that placing numbers next to headings can help SEO in some cases. More specifically, if you have a numbered list of things, sometimes it can qualify your site for ...
Maximillian Laumeister's user avatar
6 votes

My entire website is showing a blank screen on Bing and Google's cached crawls

I narrowed it down to a simple test case: <div style="position:relative;"> <script src="http://www.dupure.com/scripts/plugins/modernizr.min.js"></script> HELLO WORLD The div with ...
Stephen Ostermiller's user avatar
6 votes
Accepted

Does Google count external Javascript or CSS files as backlinks?

Those are not links so they aren't counted as such. They're URLs of resources which are very different things. Hosting such a resource offers no direct SEO value but being known as a reliable host can ...
John Conde's user avatar
  • 86.2k
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 ...
DisgruntledGoat's user avatar
6 votes
Accepted

Tailwind CSS text and image on same line?

They must include a rule to make images display as block elements. The rule would look something like: img {display:block} If you wanted to override this, you could include your own custom rule to ...
Stephen Ostermiller's user avatar
5 votes
Accepted

Google Mobile Usability says "Content wider than screen" even though I can't reproduce that locally and X overflow is set to hidden

I have remove all "position: absolute" from classes. But that classes were assigned to hidden content what fit fine on smallest smartphone screen, also most of them were not connected to any page ...
LeonidMew's user avatar
  • 605
5 votes

Best practice for measurements relative to screen size, on mobile devices?

[...] measurements relative to screen size For elements at the top level within <body> you can use %. But in many cases I'd be inclined to use viewport units: vw - 1% of the viewport width vh -...
Rounin's user avatar
  • 2,335
4 votes

Do CSS class names have any effect on SEO?

As per your question answer is A Big No!! CSS is part of website designing and present your website. in some cases, website design is affecting SEO like image quality, Domain name, Title, meta ...
Gurutechnolabs's user avatar
4 votes

Does Google care about code formatting?

Google will always care about your load time, because it is one of the most important user experience definitive. According to Akamai research, 47% of the users expect the website to load in 2 ...
knif3r's user avatar
  • 1,067
4 votes
Accepted

Identify what CSS rule is adding arrows next to list elements

Try right-clicking (or command-click on a Mac) over the element with Firefox and selecting 'Inspect element' from the menu. This reveals that it is an unordered list with a background image styling ...
Tom Brossman's user avatar
  • 2,281
4 votes
Accepted

What are the safe web fonts and is there anyway around this problem?

You can literality use any font you choose regardless whether or not they have the font installed on their OS. This is done by using CSS @font-face which informs the users browser to download the font ...
Simon Hayter's user avatar
4 votes
Accepted

Force visitors to get newest versions of resources (bypassing browser cache)

Sounds like your site is using HTTP caching which can be adjusted using some form of Leverage Browser Caching or using version strings on your files. Below you can 3 methods: Apache mod_expires, ...
Simon Hayter's user avatar
4 votes
Accepted

Which one should I use for SEO proposes? <div>text</div> or <img alt=“text” />

For images that you want to get crawled use the <img> tag with a well-written altattribute that describes the image. For background images solely used for design use the CSS background-image. ...
gabehou's user avatar
  • 552
4 votes

Does having a <span> tag around a portion of a word hurt SEO?

Using a span like that does not hurt SEO, however there is no reason to do it when the ::first-letter pseudoelement exists. You can do the following to style just the first letter without messing with ...
Maximillian Laumeister's user avatar
4 votes

Can I use numbering to decorate headings for readability in CSS without hurting SEO?

The featured snippet in Google that Maximillian posted is a good example of where I would use numbered headings. Quick how-to guides, recipes, ranking, anything where the order of events actually ...
Trich's user avatar
  • 601
4 votes

How do search engines treat spaces that are not U+0020?

We in Germany have similar problem with compound words, which are in german similarly long as in nordic languages. In my experience Google no longer has a problem with understanding of compound words ...
Evgeniy's user avatar
  • 10.1k
4 votes
Accepted

How JSON works in HTML Script Tag regarding SEO Search availability?

You're making a mistake when you talk about JSON in this story. JSON is just a format and it plays exactly no role here. What is more important is JS rendering. Also, you're showing the source of your ...
BNazaruk's user avatar
  • 1,762
4 votes
Accepted

Responsive Websites <meta name="viewport" content="width=device-width, initial-scale=1">

The best answer for this is in a Stack Overflow post: https://stackoverflow.com/questions/61238548/side-effects-of-removing-width-device-width-from-viewport-meta-tag-when-initi Relevant quote (...
Henry Visotski's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible