What to do when you have a Logo and Company Name

HTML & CSS
21

That is misled…

Companies spend millions, tens of million, hundreds of millions on BRANDING, so it is much more than just “Hey look at us!”

People don’t buy Cross-Training Shoe Model #1234, they buy NIKE!!

You place less emphasis that you just got a new 530 and more on the fact that you just got your first BMW!!

And if you are in high school and trying to impress your friends or teacher, you likely mention, “I read an article today in The Wall Street Journal that says the Fed is going to lower interest rates…”

Maybe if you run a “Bait & Tackle” store your brand isn’t that important, but ask Twitter or SnapChat or Uber that their name is secondary…

22

First of all, Google typically shows what is in the TITLE for the heading in their listings, followed by what is in you meta DESCRIPTION for their description - if they don’t lift something from your page.

So, no, the H1 or H2 don’t impact what Google shows in the results.

Secondly, I don’t think people often search for the names of threads, but they do often search for “SitePoint”, so making that an H1 has value.

Finally, if someone did search for “What to do when you have a Logo and Company Name”, then I think it is immaterial if you chose that to be an H1 or H2.

23

You’ved worked for Google? What are you doing here?

24

I’m going off of a Matt Cutts video that I watched earlier this week per a recommendation from @TechnoBear.

25

Got the link?

26

Maybe it was this one…

27

Thanks. I misread your “typically” as being an authoritative statement rather than an interpretation of the reality

.

28

You take my comment out of context. It follows this comment by Paul:

I was referring to a site that I run, which is for a non-profit voluntary organization. The site is not trying to sell anything, it mainly offers information. The branding is there, but it is secondary to the content. I’m sorry that it maybe wasn’t clear I was talking about my own site, but following Paul’s comment, I thought put it in the context of a non-commercial site.
Of course if you are trying to sell a brand, then branding is on a very different level of importance.
The point being, look at each site as an individual, and its intended function to choose what is most important, not choosing a one method fits all approach.

1 Like
29

I’d be tempted to do this.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
h1 {margin:0;}
h1:before {
	content:"";
	float:left;
	width:100px;
	height:100px;
	background:url(http://placehold.it/100x100) no-repeat 0 0;
	margin:0 10px 10px 0;
}
address {
	font-style:normal
}
</style>
</head>

<body>
<h1>Acme trading Company</h1>
<address>
123 Main street<br>
Anytown, USA<br>
(808) 555-1212<br>
</address>
</body>
</html>
30

I’m not sure what Paul was talking about, but I still stand behind my earlier comments that “brand” holds more value than people think.

In fact, based on your comments about your own site and non-profit organization, I think you prove my point.

To me, commercial or non-commercial shouldn’t matter to a brand-name. (Think about organizations like: Habitat for Humanity, Make-A-Wish, Breast Cancer Research Foundation, etc.)

Whether a company/organization brand should be considered the H1 will likely always be debated. But all I am saying is that I think you don’t give your brand, my client’s brand, and other companies’ brands enough credit.

The links that @TechnoBear provided above were very informative. And I like what the user @system had to say about how everything ultimately falls under the company/organization name.

I also thought is was important to note how @Systems felt that putting your article name as an H2 - under the company name of H1 - would not make any noticeable difference in how search engines would treat your website and content.

Those two points seem to make the most sense to me…

31

@PaulOB,

Thanks for the sample markup!

Some questions for you…

1.) How well supported is :before

2.) What does content:“”; do?

3.) Which of my two samples in Post #20 do you like the best?

4.) If I have to use the square logo, do you think your code/sample looks okay when you take into account there is a big swath of white space to the right of the Logo/Address?? (I don’t like the ideas above of filling up that dead-space with advertising!)

Thanks.

32
  1. Universal.
  2. To make it simple, it allows the ::before and ::after pseudo elements to work. Without it, everything would be ignored. It would not work. https://developer.mozilla.org/en-US/docs/Web/CSS/content
  3. #1

Side note: Make the :before / :after into ::before / ::after instead. Nothing major but CSS3 dictates them to be used as :: instead of single colon.

33

Then why do you seem so intent on changing the brand of your client (I’m referring to your other thread now)? Seems contradictory.

34
35

No don’t do that or they won’t work in IE8 :slight_smile: Single colon syntax is valid css2.1.

36

True. Depends on what he wants to support.

37

If you would want your business name and tagline to be something that makes no sense in English, then go right ahead…

38

Neither of those have anything to do with logo shape.

39

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.

1 Like