Unstoppable Domains

H1 and Google and Decreasing Font

Spaceship Spaceship
Watch

Jokez Guy

Established Member
Impact
7
So Basically everyone Knows how Ugly H1 looks with the Big and Ugly Looking Font. So I know with CSS you can Modify the Font. So this is waht I did so far:

IN CSS I wrote:
A:h1 { color: black; font-style: italic; font-weight: bold; font-size: 15px; font-family: Arial; margin-bottom: 0px;margin-top: 0px;margin: 0px; }

Then I wrote this in the index:
<link href="css/main.css" rel="stylesheet" type="text/css">
<style type="text/css">
H1 {font-size:15}
</style></HEAD>

So My Question is did i do it properly, I see that the H1 Header did decrease in size, but i was wondering will this affect my google ranking etc. Or will it not be looked because font has been changed. Please give me some input. THANKS! B-)
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
AfternicAfternic
I'm pretty sure Google completely ignores your styling, so I'd imagine it would still be looked at as a header tag and not be frowned upon. Almost every website modifies their header tags to follow their styling for the same reason that you put, the original header tags are ugly.
 
0
•••
Palyriot said:
I'm pretty sure Google completely ignores your styling
Yeah, AFAIK, they don't care how it looks, as long as you don't try to stuff it with keywords and then make it invisible...
 
0
•••
I dont think they care about the visual aspect so far, but hey, i could be wrong. For all u know, their algol could take this into consideration. But if this is just a stylistic change, i doubt if they'll serious change their ranking on u...
 
0
•••
In your CSS file you need to remove the A: from before your h1:
Code:
h1 { 
		color: black; 
		font-style: italic; 
		font-weight: bold; 
		font-size: 15px; 
		font-family: Arial; 
		margin-bottom: 0px;
		margin-top: 0px;
		margin: 0px; 
	}
In the HTML you should link to your CSS file in between the header tags:
Code:
<HTML>
	<HEAD>
		<link href="css/main.css" rel="stylesheet" type="text/css">
	</HEAD>
	<BODY>
		<h1>This is my Heading 1</h1>
	</BODY>
</HTML>
A good place to learn about CSS is at W3Schools' CSS Tutorial.

I have attached the HTML & CSS files fir the code above.

Google doesn't care if you use Cascading Style Sheets, but they do take into consideration the keywords you display in your heading tags like h1, h2, etc.
 

Attachments

  • CSS Test.zip
    635 bytes · Views: 52
1
•••
Irieman said:
In your CSS file you need to remove the A: from before your h1:
Code:
h1 { 
		color: black; 
		font-style: italic; 
		font-weight: bold; 
		font-size: 15px; 
		font-family: Arial; 
		margin-bottom: 0px;
		margin-top: 0px;
		margin: 0px; 
	}
In the HTML you should link to your CSS file in between the header tags:
Code:
<HTML>
	<HEAD>
		<link href="css/main.css" rel="stylesheet" type="text/css">
	</HEAD>
	<BODY>
		<h1>This is my Heading 1</h1>
	</BODY>
</HTML>
A good place to learn about CSS is at W3Schools' CSS Tutorial.

I have attached the HTML & CSS files fir the code above.

Google doesn't care if you use Cascading Style Sheets, but they do take into consideration the keywords you display in your heading tags like h1, h2, etc.

Wow Thanks it worked perfectly :laugh:

So Just Confirming by doing this, this is perfectly Fine right, Google Will not say anything right?
 
0
•••
Jokez Guy said:
Wow Thanks it worked perfectly :laugh:

So Just Confirming by doing this, this is perfectly Fine right, Google Will not say anything right?
You are welcome,

No Google doesn't care if you use CSS as long as you are not making text invisible to hide keywords. Google will take action if they catch you doing this, removing you from their index. For more info on what to avoid doing see Spamdexing.
 
0
•••
Appraise.net

We're social

Domain Recover
DomainEasy — Live Options
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back