I’m trying to create an appropriate H1 tag for my website in order to improve SEO and have followed the instructions I found for ‘image replacement actions’ (www.freewaypro.com/actions/imagereplacement/). This is for the main banner heading on my website pages.
I inserted text into a ‘graphic item’ (the text I used to create the IRA is “Motorbike Tuition Forest of Dean”), however, when I view the source code I see the following:
h1 { font-size:18px }
h1:first-child { margin-top:0px }
This is the CSS definition for a normal H1 tag, generated by Freeway.
All it does is define the way that an H1 tag should be rendered, it’s
not where the content of that tag would appear (i.e. inside the HEAD
tag). Every Freeway page will have this style definition, unless
you’ve adjusted the defaults. An actual H1 tag would look exactly the
way you noted, but it would be nested inside the BODY tag.
I don’t see any evidence that your page has used the Action, and I
have a theory about why that might be. Your header graphic is actually
set to be a form input, although I don’t see any sign of a form on
your page. In the Image Inspector, look for a checkbox labeled Input,
and un-check it. (Hunt around the tabs and you’ll find it.) I imagine
that if you had checked this option, and then tried to apply my Action
to the same image, nothing would happen. The Action looks for an image
tag, and once you have checked that box, your image becomes an input
tag instead.
Walter
On Jan 22, 2011, at 9:56 AM, Steve Gaskin wrote:
when I view the source code I see the following:
h1 { font-size:18px }
h1:first-child { margin-top:0px }
Hi Walter thanks for your reply, but still struggling here! I created a graphic item within which is the text I am wishing to tag. Currently the Action I have applied (Image Replacement), shows up in the top left corner of the graphic item - “Image Replacement”; In the ‘actions window’ I selected H1.
I haven’t attempted to create a form on this page. When you refer to the ‘graphic inspector’, I assume you mean Inspector which has 4 tabs, ‘item general settings’, appearance settings, output settings and style inspector? I’ve searched through all of the options within these tabs and can’t find reference to ‘input’! Am I looking in the wrong place?
When you have selected the large graphic banner at the top of your
page (clicked once on it, so the 8 handles are showing at the corners
and sides), look at the Inspector. At the top, it will read Graphic
Item. That’s what I meant by a Graphic Inspector, because the
Inspector itself is contextual – it becomes the appropriate Inspector
for whatever element you have selected on your page, or for the page
itself if nothing else is selected.
I mis-spoke when I directed you to look for a control called Input,
it’s actually called Submit, and you’ll find it at the bottom of the
Output tab of the Graphic Inspector.
Yours will be checked; there’s no other way for your current home page
to have the kind of code I see when I view source in my browser here.
I agree you’re not trying to make a form, but that checkbox got
checked at some point and that’s how it ended up creating the kind of
code you have on your page.
Once you un-check that control and publish again, you should see the
kind of H1 code you were looking to find, albeit further down the
source page than where you found the H1 CSS declaration.
Walter
On Jan 22, 2011, at 1:23 PM, Steve Gaskin wrote:
I haven’t attempted to create a form on this page. When you refer
to the ‘graphic inspector’, I assume you mean Inspector which has 4
tabs, ‘item general settings’, appearance settings, output settings
and style inspector?
Hi Walter, still no good. I looked at the ‘submit’ field as you suggested and it was UNCHECKED! I have looked at every individual page and nowhere is this field checked. I have re-saved the file and uploaded it again as you suggest, but the source code is the same as before! Any other ideas?