Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Html on or off screen

Featured Replies

Hi,

 

I have just had the backend of a website created for me, and the person who did it created it by using graphics provided. Part of the graphics include bullet points highlighting some of my services (keywords). The guy who did it has kept this as a Jpg and kept the html off screen as below.

 

<ul class="home-services">

<li>service 1

<li> service 2</li>

<li> service 3</a></li>

<li> service 4</li>

<li> service 5</li>

</ul>

 

Generally and In terms of SEO does it matter if the html is on or off screen?

 

Hope this makes sense

Thanks

There has been a lot of discussion about this, but I think the conclusion is that if you use text-indent: -9999px; display: block or display: inline-block It is useful for blind people as a screen reader will still read out the text that you cannot see on the screen and search engines will also still read it. They don't like display: none; or visibility: hidden; but text-indent seems to be a valid method of hiding text.

Why don't you just use your linked images with an alt tag? That way search engines can still see what the link is about.

<a href="contact.html"><img src="contact.png" alt="Contact" /></a>

Edited by makethetick

  • Author

Why don't you just use your linked images with an alt tag? That way search engines can still see what the link is about.

<a href="contact.html"><img src="contact.png" alt="Contact" /></a>

 

 

yep I could do. I was just thinking best for SEO and I am not a developer.

 

Thanks

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.