Cab you designate an html item an H1?

Freeway
1

Wondering if you could create the text for the h1 tag in freeway to optimize for search engines. Thanks

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

H1 h2 h3 etc. are style tags and can be applied to any html text on a page. Using the css style editor you can also set up custom settings for the h tags if you so desire.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

You could target an h1, h2, h3, etc specifically by a DIV. You’d do that by creating a TAG in your CSS palette that read:

#div-name h1

Then you could apply the styles properties and attributes to it and it would then target that specific DIV item’s h1. Again with CSS based-layouts you’d get the DIV code output.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

I’m wondering if you mean “can you turn a div into an h1?”

Short answer is no, but you might be able to make them look and behave similarly. An h1 and a div are both block-level tags; they can be styled with borders and colored backgrounds and dimensions. A div may contain an h1, but I don’t believe an h1 may contain a div.

Freeway won’t make it easy for you to add dimensions to an h1 (you’ll need to use the Extended sub-dialog) but most other attributes are there in the Edit/Style dialog.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

As a novice here learning what i can from you guys, i have now been reading up on the benefits of the h1/2/3 etc tags. As a freeway user i have found that it is easy to edit these tags to create exactly what you want. My question is, should i apply it to the html item ie click it once and add the tag, or should i select the text ie click twice into the box and select the text before adding the tag. I seem to be able to do both but which is correct as i can end up with 2. Thanks
Alan…

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Hmmm. I just tried applying the h1 style to an HTML item, and could
not – I get an alert that says “This style can only be applied to
text”. How are you going about doing this when you apply it to the
box? For the record, you should be selecting your text and then
applying the style to that selection. But as I said, that’s the only
way I’ve been able to get it to work here. (Freeway Pro 5.3)

Walter

On Jan 6, 2009, at 3:10 PM, Alan Herbert wrote:

My question is, should i apply it to the html item ie click it once
and add the tag, or should i select the text ie click twice into the
box and select the text before adding the tag.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

I like the Hmmm… bit
I selected the box containing the text by clicking once, then from the inspector i select the Circled T (4th option on the top of the inspector window) then the + button at the side of item. I then Choose new and create the required tag in the new window. The difference i notice is that when i do as you suggest and select the text, i have an additional text option in the inspector window and the H tag options are readily available. I am using freeway 5 pro 5.3.1
Should i apply the h tag to all the text within an html item or just the text that i feel is most relevent for indexing the site?
SEO is a mine field but i value your input.
Kund Regards Alan…

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

I see. Well in that case, here’s what you’re doing: You’re creating a
new style called h1.style1 (or something like that – in my empty test
document, that’s what I got) and adding it to the page. You’re also
adding a classname to your DIV, so the div will read <div id=“item1”
class=“style1” …or something like that. And in Freeway, the text you
type in that box appears to be in whatever style you have set for your
custom h1.style1 style.

BUT

What you will see in a browser or even in a preview in Freeway is
plain default text inside that box. And a review of the code will show
that there is no H1 in that box, either. Further, since the CSS style
you created will only apply to an H1 that has the class style1 applied
to it, not an H1 which is a child of an object that has that
classname, that’s another reason why you don’t see anything. Even if
you added an H1 tag inside the DIV, it wouldn’t pick up the visual
style unless you added the classname to it as well.

What you want to do is this: Select the “headline” of your text – the
meatiest, most pithy description of what this particular page is
about. And click on the h1 style in the Styles palette to add the
style. You can edit the properties of the H1 to give it the visual
presentation you like.

For further SEO magick, you should also consider making the content of
your H1 similar or reflective of whatever you have titled the page.
And it never hurts to have the filename pick up one or more words from
this tag as well.

Walter

On Jan 6, 2009, at 3:41 PM, Alan Herbert wrote:

I selected the box containing the text by clicking once, then from
the inspector i select the Circled T (4th option on the top of the
inspector window) then the + button at the side of item. I then
Choose new and create the required tag in the new window.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

9

Hi Walter. thanks for your response.
Right so I select my ‘meaty text’ then to apply the h1 tag do i have to go to Window - Styles and colours - then click on the gear wheel in the new little window and create the h1 tag or can i just select the text and use the inspector window to add a h type tag. The same options appear to be in both or are they very different. When i preview in browser and view the page source i see the

and

either side of my selected text. Does that mean i got it right? Does it matter that this text appears almost at the bottom of the page of code or is it the h1 that gives it preference. Regrads Alan… (I’m avoiding misspelling kund again Ha Ha!)

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

10

I generally use the Styles pane of the Styles and Colors palette. There’s a default H1 in there, and you can style it as you like.

If you want to influence the source order, use Send to Back or Bring to Front on the relevant layer. The page won’t appear to look any different, but the source order will change.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

11

Wow lots of great responses, I got quiet a few things figured out. I have my text styled now with the h1 tag selected. One thing I am wondering about. There is a change in how the text is displayed in the browser depending on if it is a graphic item text (least bold), an html item text (thicker), or html text designated with h1 tag (boldest). I am looking for a less bold font effect is there a way to make the text thinner as the graphic item was. thanks.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

12

I used the “image replacement” action from softpress site which allows you to use an image but have an h1, or h2 tag with it generated from the images alt text. I tried it with my graphic text since I wanted to keep the text unbolded. In the source code it shows the new h1 tags. Any reason why this would be a not so ideal way to go? thanks

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

13

If you go into your h1 style and click on the extended button and add:

name: font-weight
code: normal

and

name: font-style
code: normal

Then your h1 tags won’t be bold. Seems kinda odd that Freeway (when un-selecting bold) that it doesn’t put these tags in there for you.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

14

Sometime around 7/1/09 (at 01:07 -0500) Waylen said:

I tried it with my graphic text since I wanted to keep the text
unbolded. In the source code it shows the new h1 tags. Any reason
why this would be a not so ideal way to go? thanks

Graphic text is NOT text in the final output, it is just a bitmap
representation of text. I’m afraid this is utterly pointless if you
are interested in search engine indexing, not to mention
accessibility.

The reason HTML text with H1 (or any H style) applied looks bold in
the browser is because browsers automatically embolden header-styled
text. If you want to avoid this then you’ll have to add an extra bit
of style information ‘by hand’ using the Extended button in the Edit
Styles dialog.

Edit the H1 style, then click the Extended button.

In the Name field, type:

 font-weight

and in the Value field type:

 normal

That’s it; click the OK buttons 'til you get back to your document
and preview your page. The H1-styled text should no longer appear
bold.

k

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

15

Just another quick question re these h1,h2 tags etc… Does it matter that the H1 tag i have created is followed by a style ie: h1.style1 and h1.style2 as different headings on different pages require different settings or do they have to be an edited version of the plain h1 or h2 tag with no extra text. probably seems like a daft question but i don’t want to tag a whole site only to find i’ve done it wrong.
Alan…

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

16

It makes no difference if your H1 has a class or not. If you want the H1 to look different on separate pages, then one of more of them will need a classname to get that effect.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

17

Thanks for clearing that up for me.

Alan…

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

18

This works fine, I haven’t tested it on more recent versions of
Freeway, but it was all the rage back in 3.5 and 4 days. The Action
creates an H[n] tag with the same geometry and text as your image,
then uses CSS to shove that text off the page and set the image as the
background for the H tag. It’s one of three or four different text-
replacement schemes that works cross-browser and -platform.

Walter

On Jan 7, 2009, at 1:07 AM, Waylen wrote:

I used the “image replacement” action from softpress site which
allows you to use an image but have an h1, or h2 tag with it
generated from the images alt text. I tried it with my graphic text
since I wanted to keep the text unbolded. In the source code it
shows the new h1 tags. Any reason why this would be a not so ideal
way to go? thanks

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options