Moz Q&A is closed.
After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.
Alt tag using photoshop
-
Simple question i think. Ive started adding alt tags to images using the slice tool in photoshop. This takes up a menu were the last part of is alt tag:
This way to add alt tags does work right? I used SEO-browser afterwards and couldnt see the tag. There are maybe other better ways to see if your tags are in there ?
Dan L.
-
Try this tool: http://www.feedthebot.com/tools/alt/
-
Does this seem okay ?
<dl>
<dt>Format: JPEG</dt>
<dt>Dimensions: 600w x 536h</dt>
<dt>Size: 322,7K</dt>
<dt>Settings: Quality is 100, Non-Progressive, Optimized on</dt>
</dl>
`<title>smÂfolk-barneklÊr-gensertraktor</title> ![småfolk barneklær traktor motiv på genser](BrowserPreview_tmp.jpg?1310796554)` ```eh and as you see there are some norwegian letters in there..
-
Spot on - thanks. Ive just been adding the alt text saving it the regular way. I just have to use save for web devices and specify.
-
Thanks. So I actuallyhave to consider file name of image, title text of image and alt text.
The website we are using is delivered from a company - so quite some of the coding etc isnt accessible by me. I am just adding the picture and text. So my way to do this i guess have to be to 'mark' the image with the necessary info before uploading it to the site.
I think i use title text. When clicking image on our website that takes you to the product page where there is a description of the product or image. At least when i use seo-browser part of this product info seems to be applied to the picture but not in full (eg when I profile a product image on home page) there is a part of this product info shown when opening source of homepage.
EDIT: I might have to talk to my webshop provider. My basic knowledge is a bit sparse but it isnt possible to add HTML to an image file eg .jpg and still keep it in an image file format ? What i do basically in our webshop is to upload the image in the 'right' folder and then add the image text. This is done for maybe 70-100 products 2-3 times a year. Adding it in the code isnt available to me and doesnt seem like an option with this volume ?
Anyone have any ideas ?
This is the website if its any help: http://epleskrinet.no/
-
This feature is a little confusing. Alt text is an attribute of the img tag in HTML, so this would normally be outside the realm of photoshop. To use the photoshop alt text feature, you need to export the HTML for the image when you're saving it.
See http://www.adobe.com/accessibility/products/photoshop/images.html under the heading "Exporting HTML from photoshop".
Once you've exported the html, you can paste it into your html document. To me, its all much more complicated than simply typing out < img src="myimage.jpg" alt="My alt text" / > but that may be due to my technical background.
-
Also, you might consider adding title text as well to your images. Here's a Search Engine Journal post about it. The title is less important for SEO, but can enhance the experience users.
-
If you view the source of your page (hitting cntl +u should do this), and find the image on the page, it should have an alt attribute on it. For example:
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Logo Image H1 Tag SquareSpace
We have a site hosted on SquareSpace: Roomhance.com Going through the on-page optimizaton tool, we noticed that the H1 tags weren't fully optimized. If you click on view source on the page, it shows 2 H1 tags on the home page: id="logoImage"><a <span="" class="html-attribute-name">href</a><a <span="" class="html-attribute-name">="</a>/">src="//static1.squarespace.com/static/5bcca055ab1a62465f5b9ee7/t/5c18feb270a6adf771765799/1588613682225/?format=1500w" alt="Virtual Staging For Real Estate | Roomhance" /> style="text-align:center;white-space:pre-wrap;">Virtual Staging The 2nd one shown above it the H1 tag we want. I'm wondering if the H1 tag in the logo image is hurting us for SEO? Can't figure out how to modify it in SquareSpace.
On-Page Optimization | | vikasnwu0 -
Is Disqus comments useful as per SEO?
Is Disqus comments useful as per SEO? We have some comments on each of our pages and its time taking to moderate them, so wanted to know if its beneficial in any ways for SEO?
On-Page Optimization | | bsharath0 -
Different title tags and meta descriptions for desktop and mobile?
Is it possible to use different title tags and meta descriptions for mobile users? For Example: In the SERP for desktop you'll see the desktop title tags and meta descriptions, but in the SERP for mobile you'll the mobile versions of the webpage.
On-Page Optimization | | alex19780 -
How to separate your - keywords - and | Brand name in the Title Tag
I have traditionally used hyphens (-) and vertical bars (|) to separate out keywords/brands in title tags. A client has asked if other characters will work such as tilde (~), apersat (@), forward slash (/) etc. Are there any special characters we should steer clear of?
On-Page Optimization | | Switch_Digital0 -
ALT tagging images with keyword. What is too much?
I was wondering about the best practices of ALT tags in images. Say if you have an eCommerce site and you're on a product page. This product page has 5 images of the same product (different images), should you give every image an Alt tag with the keyword for that page? Or, is that keyword stuffing, and it would actually be best practice be to provide alt tags on just one image?
On-Page Optimization | | John_Francis0 -
Changing Link Title Tags & Backlinks
On 4/19/12 I began changing the link title tags in an effort to further optimize my website. I thought they were excessively long and it would be beneficial to make them more concise. On 4/26/12 my website traffic began to fall drastically and I'm not sure if it is from google's penguin update or from changing the link title tags. I started looking into the sudden drop of traffic and realized that when I run the site explorer tool on all of the pages I changed, the URL is redirecting. It appears that the backlinks are not passing through to the new URL. Before I Changed the Link Title Tag: http://www.opensiteexplorer.org/links?site=www.beautystoponline.com%2FAndis-Professional-Hair-Clippers-s%2F102150.htm **After I Changed the Link Title Tag: ** http://www.opensiteexplorer.org/links?site=www.beautystoponline.com%2FAndis-Clippers-s%2F102150.htm So my questions are: The above example shows that the old title tag (www.beautystoponline.com/Andis-Professional-Hair-Clippers-s/102150.htm) has 43 backlinks and the new one (www.beautystoponline.com/Andis-Professiona-Hair-Clippers-s/102150.htm) has 0. Will the links eventually be attributed to the new URL. I understand that the user will still be directed to my website they click the any of the backlinks, but will the link juice pointing the old URL pass through the new one? Would it be better, in the long run, to continue optimizing the link title tags.
On-Page Optimization | | BeautyStop0 -
Is it ok to use the H1 tag for bullet points?
Our search results page doesn't have a typical H1 tag because adding a true header would take up space unnecessarily. Therefore, we've assigned the h1 tag to be the breadcrumb. As filters are applied, the breadcrumb grows to include these filters. This breadcrumb is coded as bullet points, even though they're not the typical style of bullet points. Here's a screenshot: http://screencast.com/t/AjGC9iAYR3 For example, the breadcrumb: Home >> NYC Social Media Classes >> Adult >> Manhattan is currently coded as: | |
On-Page Optimization | | mevseo
| | * class="first"><a <span="">href</a><a <span="">="</a>/">Home |
| | * <a <span="">href</a><a <span="">="</a>/nyc/classes/social-media/age-adults/neighborhood-manhattan" class="Selected">Search results |
| | |
| | |
| | id="cat_social-media" type="checkbox" checked onclick="setCategory('social-media')" /> |
| | # style="font-size: 12px; display: inline;">NYC Social Media Classes |
| | <label <span="">for</label>="cat_social-media"> |
| | |
| | |
| | |
| | <nobr>id="age_adults" type="checkbox" checked onclick="setAge('adults')" /><label <span="">for</label>="age_adults">Adults</nobr> |
| | |
| | |
| | <nobr>id="nbhd_manhattan" type="checkbox" checked onclick="setNeighborhood('manhattan')" /><label <span="">for</label>="nbhd_manhattan">Manhattan</nobr> |
| | |
| | | Right now that H1 tag just relates to 'NYC Social media classes', but we'd like to expand it to include both 'Manhattan' & 'Adults' - would that be ok? And if so, would it be better to put the tag before and after the tag?0 -
Are Amazon meta tags efficient?
We are probably all familiar with general and Google guidelines for writing title and description tags. But Amazon. com often create another structure where they put in a) amazon.com, b) product name or description and c) the Amazon category the product is featured in, like this: | Amazon.com: Mac Motion Chairs Model 2-Piece Recliner with Matching Ottoman Mocha Microfiber with Walnut Frame: Home & Garden Is this a well developed description tag? |
On-Page Optimization | | KnutDSvendsen
|0