Just Ask Matt - Answers

Changing the Font & Style of Your H1 Tags

QUESTION: (Rhonda) I am having problems changing the font size of my H1text. Is this very important? If so, how do I go about changing it?

Changing the text and/or style of an H1 tag is simple in CSS.  It does not affect anything other than how the visitor sees it though (i.e., if you use a large font, it means nothing more than a smaller font, in SEO terms or how Google sees it).

You can change the H1 tag locally or in the CSS definition file.

If you want to change all of the H1 tag settings in your entire website, you would do this in the CSS file:

h1 {
font-size: 24px;
}

You would use the h1 tag as you normally would:
<h1>This is my H1 tag</h1>

You can define a class in the CSS file which allows you to define your new style whenever you wish anywhere on the site:

.h1style {
font-size: 24px;
}

You would add this class to your h1 tag, when you wish it:

<h1 class=”h1style”>This is my H1 Tag</h1>

* Remember to add the “.” when defining it in the CSS to classify it as a class.

Finally, you can do it locally using a style attribute (without the CSS file):

<h1 style=”font-size:24px;”>This is my H1 Tag</h1>

All of the above do the exact same thing.  Their use is based on how often you use the style and how you want it defined (whether globally or locally).

Also, remember you can add other styles to the same definition (like color):

<h1 style=”font-size:24px; color:red;”>This is my H1 Tag that is Red and 24px high</h1>

I find that being able to change the styles of my text for header and other standard tags to be quite invaluable!  Knowing a little bit of CSS can go a long way.  Give this a try!

The easiest thing to try first is the local definition using the style attribute. If this is working for you, consider creating or editing your own CSS file!

Good luck!  cheers…matt


Read Full Post >>
More Questions & Answers...
GOT A QUESTION?

Who is Behind Marketing Mind?

Matthew Bredel begin_of_the_skype_highlighting     end_of_the_skype_highlightingMy name is Matthew Bredel and as of March, 2007, I am a full-time, work-at-home internet marketer. For close to 10 years, I worked for a defense company which was an OK job, but I was so uninspired in life and frankly, I needed some more money. That is when I first discovered internet marketing! Now I admit that I didn't start making thousands in my first couple of months (in fact, I lost my shirt!), but I finally saw the "internet light"...

Read More about Matthew Bredel
GURU STUFF END -->

Share This Post...

We usually don’t think about it, but most websites can be reached by putting (or NOT putting) a www in front of the URL. It is fairly standard. But does this convenient pre-set configuration hurt you in any way? And if it DOES hurt you, how can you fix it?

I was doing a webinar today with an old friend of mine and he was showing TheWebReviewer on his screen.  To my horror, I noticed that all of my side menu had vanished.  Trying to be “cool” within the event, I babbled on about opt-in’s and the Home Based Business Test while trying to figure out what happened.

Then I saw it:

http://thewebreviewer.com

It is subtle, but very important to understand what is going on here.

(The worse part about this is that I have preached about this in other places, yet I must have forgotten to execute it when I revised my website!)

The problem was the missing “www” in front of thewebreviewer.com.

Right now, my issue had to do with the way that I programmed the website.  I won’t get into the coding details here, but my code and the side menu only recognized “www.thewebreviewer.com”, not “thewebreviewer.com”.

But a more interesting dilema is how the search engines see these two URLs…To you and everyone else, there really is no difference.  Most hosting companies configure their servers to recognize both www and non-www URLs.  Therefore, it appears to have no affect to the final user.

They can still be seen as two different sites to the search engines, though!

And if this is the case, you have a built-in clone of your site (and with it, a build-in duplicate content source!).  Now I do believe that the search engine bots are getting smarter to this, but still, you can never be sure.  With duplicate content, you will usually get a solid link for at least one page, but to mix them between your two cloned sites diffuses some of its strength.

What’s the solution?

Well, it is mildly technical, but quite easy to do:  Simply redirect your traffic from one URL to the other. Most of us have our websites on Linux with Apache Servers installed (Sorry for this geek talk…if your server can run php functions, it is more than likely an Apache server!).  This allows us to make this change within our .htaccess file.  Simply add the following code to your .htaccess file:

RewriteEngine On
RewriteBase /

RewriteCond %{HTTP_HOST} ^thewebreviewer.com [NC]
RewriteRule ^(.*)$ http://www.thewebreviewer.com/$1 [L,R=301]

This is basically saying:  “If the person types in http://thewebreviewer.com, perform a (permanent) 301 redirect to http://www.thewebreviewer.com”.

Of course, you would replace “thewebreviewer.com” with your own site, but it is fairly simple and straight forward.  Also, be sure to check your existing .htaccess file to see if this has already been done for you.

And remember that you can always test this by simply going to your own website and typing in your URL with and without the www.  If it performs a redirect, you should be OK!  Else, you may want to consider adding this little bit of code!

cheers…matt

P.S.  (And always be sure to back-up your .htaccess file before making any changes!)

Don't Buy Another Money Making Product Until You Watch These FREE Videos!

First Name:
Email:

One Response to “Are You Duplicating Your Own Site (or Worse?)”

  1. 301’s are very useful. My company had two websites, thewebsquad.net and thewebsquad.com. The .net site had PR2 and the .com PR0, very bad stuff. We did a 301 to redirect .net to .com and now we have a PR1, not great but not bad either

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>