Highlighted

New Mobile friendly pages, cant find where put alt tag

Enthusiast ,
Jul 08, 2018

Copy link to clipboard

Copied

On my old html images I click on image on the html page in DW and below in properties I see the field to insert an image alt tag.

But with the new mobile friendly conversions I'm doing, I click on the image and there is no alt tag anymore in properties. Confused.

(and alt tags for images help with SEO, get those image into Google images correct? Thanks.

TOPICS
Dreamweaver CC 2014, Dreamweaver | Mac OS issues, Learn Dreamweaver

Views

612

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

New Mobile friendly pages, cant find where put alt tag

Enthusiast ,
Jul 08, 2018

Copy link to clipboard

Copied

On my old html images I click on image on the html page in DW and below in properties I see the field to insert an image alt tag.

But with the new mobile friendly conversions I'm doing, I click on the image and there is no alt tag anymore in properties. Confused.

(and alt tags for images help with SEO, get those image into Google images correct? Thanks.

TOPICS
Dreamweaver CC 2014, Dreamweaver | Mac OS issues, Learn Dreamweaver

Views

613

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jul 08, 2018 0
Adobe Community Professional ,
Jul 08, 2018

Copy link to clipboard

Copied

It should be there. If not, then there is a coding error in your document.


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 08, 2018 1
Enthusiast ,
Jul 08, 2018

Copy link to clipboard

Copied

Ben here is the weird thing. On old html pages, the code for images is all there:

For example

<p><img src="mus-scan_18.jpg" width="327" height="450"> </p>

I have an html page, I link to an image, DW puts the image code on the page.

But with the new mobile conversion, done with css, the code is not there? Why not? I seem to have to manually add the image code one by one.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 08, 2018 0
Adobe Community Professional ,
Jul 09, 2018

Copy link to clipboard

Copied

The code for HTML images looks like this (no spaces in filename):

<img src="image_name.jpg" alt="description" height="xxx"  width="xxx">

In the case of CSS images, there is no way to add ALT attributes to background images.

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2018 1
Enthusiast ,
Jul 09, 2018

Copy link to clipboard

Copied

Nancy, thanks, you are saying with CSS, the <img src="image_name.jpg"

Does not happen? So people who use CSS may not get their images in Google Images then? Only if do old fashioned html?

We (my apprentice  and I) seemed be ok now by just manully putting in the <img src="image_name.jpg" on the code of the page. copy / paste to each one

That should be a good workaround ?

btw how define background image, this image for each page is the key image of the page, -- I'm a photographer, so it's a portrait, fashion shot... main point of the back.--- it's not a background thing..

I think this going to be very confusing and tough to understand via a forum. We found the alt field that alt fiend that Ben pointed to ( my apprentice has new version CC, I have very old version of DW, so maybe that why I never saw it), but the DW does not seem to put in the <img src="image_name.jpg" part to the file

Also place to add image title that could help as well with Google images.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2018 0
Adobe Community Professional ,
Jul 09, 2018

Copy link to clipboard

Copied

ALT attributes are not for Google.  They are for web accessibility.  If your image fails to load for some reason -- user has turned off images to save bandwith,  the image cannot be found on server, etc..  then ALT text is shown in its place.  Also  ALT text is audible via certain screen readers for the visually impaired.

If you want Google to notice your site, you have to have plenty of keyword-rich text in the <body> of your web pages.  Images alone are not going to get you much traction with SEs.

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2018 1
Enthusiast ,
Jul 09, 2018

Copy link to clipboard

Copied

YEAH, I know a lot about SEO, but this thread is about images only.

I knew this would be too hard via forum, maybe someone else can try..

Simple with old html pages. with CSS in the mix again, I'm not seeing normal tag for images I'm used to see on the html pages.

This <img src="image_name.jpg, for example ,  is not showing up on the pages.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2018 0
Adobe Community Professional ,
Jul 09, 2018

Copy link to clipboard

Copied

larry4545  wrote

I think this going to be very confusing and tough to understand via a forum.

For better answers, we need a URL to the site.  If it's not live yet, upload it to a TEST folder on your server so we can see exactly what you & the apprentice are working with.

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2018 0
LEGEND ,
Jul 09, 2018

Copy link to clipboard

Copied

Why are you using css for your images and not html?

If you open your html page, then insert an image, then look at the properties panel, have you got the html 'properties' selected, (on the l/h side)?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2018 0
Adobe Community Professional ,
Jul 09, 2018

Copy link to clipboard

Copied

HTML = content

CSS = styles and layout

JavaScript = interactive elements like slideshows

Without seeing the entire code, I can only make wild guesses.  Perhaps images are coming from a JavaScript plugin?

CSS backgrounds would be in the stylesheet --  an external .css file to which the HTML document is linked.

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2018 1
LEGEND ,
Jul 09, 2018

Copy link to clipboard

Copied

For rwd images, you do not include the width and height attributes in the html code, instead use css -

img {

max-width: 100%;

}

set the 100% to whatever you wish.

In the html for rwd images you should use srcset or picture elements in the html -

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2018 0
Enthusiast ,
Jul 09, 2018

Copy link to clipboard

Copied

Thanks Pziecina and Nancy, well for prospect of getting these tagged for Google images, I'm thinking of just inserting this manually on each html page

<img src="image.png"    <img title=  "   " alt="  " />

I don't mind PM you urls, but I don't like to put that up here in public forums.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2018 0
LEGEND ,
Jul 09, 2018

Copy link to clipboard

Copied

Sorry but somewhere in this discussion, you have lost me on what it is you are trying to do.

Are you inserting the images in the html code or in the css code?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2018 0
Enthusiast ,
Jul 09, 2018

Copy link to clipboard

Copied

Too difficult to re- explain. It would be hard  even by phone live.

If you are open, I could PM page and try via direct one on one emails.. but

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2018 0
LEGEND ,
Jul 09, 2018

Copy link to clipboard

Copied

Sorry I don't do PM's regarding forum posts.

I don't know if this will help though, but if you include the image description, (as short as possible) in the images meta data, in photoshop/bridge/lightroom, then Google and the other larger search engines will read the meta data information. This does mean that you must not use any save for web feature or any optimization routines, (you can still use the normal image improvements) though as these strip all meta data except width and height, it also only works with jpg images.

The meta data reading was included because srcset was not available untill 3 years ago.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2018 0
Adobe Community Professional ,
Jul 09, 2018

Copy link to clipboard

Copied

I agree with PZ about meta data inside your JPGs. 

Adding HTML to pages might be the right or wrong thing to do with this project.   Without seeing your code, I cannot offer advice either way.

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2018 1
Enthusiast ,
Jul 09, 2018

Copy link to clipboard

Copied

thanks, Nancy, I can PM, but can put real site up here on forums.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 09, 2018 0