9 Replies - 1008 Views - Last Post: 12 September 2010 - 07:14 PM

#1 CodyD  Icon User is offline

  • D.I.C Head

Reputation: 4
  • View blog
  • Posts: 75
  • Joined: 19-August 10

help rewriting a website...

Posted 22 August 2010 - 10:47 AM

Hello everyone :)

My brother wants me to remake his website into W3C certified, SEO optimized, code. His website is http://eaneproductions.com/ and I don't really have much of an idea how to go about it... How would I do this?

Thanks in advance, Cody.

I know basic html (and more than what I show in this sample HTML code thing. I know a LOT more, but not enough to do this. I'm still doing it regardless(:),(
<html>
     <Head>
          <title> etc</title>
     </head>
     <body>
          <p>Paragraph</p>
     </body>
</html>
)

He went to an SEO guy, and he said he needs to use less <div> tags and more <meta keyword> tag thingys. There was more to the email (which I archived) but I the basis is, HTML and CSS, no JS.

This post has been edited by CodyD: 22 August 2010 - 10:52 AM


Is This A Good Question/Topic? 0
  • +

Replies To: help rewriting a website...

#2 CTphpnwb  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 3717
  • View blog
  • Posts: 13,493
  • Joined: 08-August 08

Re: help rewriting a website...

Posted 22 August 2010 - 11:21 AM

I have no idea how div tags could possibly be a problem by themselves. If your site is dynamic and divs are created on the fly, then a bot may not find everything, but that depends on how your site is organized.
Was This Post Helpful? 0
  • +
  • -

#3 daekano  Icon User is offline

  • D.I.C Head

Reputation: 11
  • View blog
  • Posts: 62
  • Joined: 07-July 10

Re: help rewriting a website...

Posted 22 August 2010 - 11:32 AM

If that SEO guy says that less <div> and more <meta> is going to optimize his site, he's smoking rocks.

He's right about Javascript though. Kind of. Javascript shouldn't serve core content on the site. If you want a crawler to index the site properly you want to have good, well formed markup with well written content. You want to keep the markup as lean as possible and keep navigation links near the top of the HTML so that the crawler has an easier time finding and going through the anchors to find the rest of the site. Crawlers will only read through a file to a certain extent (in bytes) so having the most important markup and content near the top ensures that it will be read properly.

Meta tags were used a long time ago and some are still used to an extent, but modern search engines have better algorithms to determine a page's relevance. Too many people abused keyword meta tags and they aren't considered nearly as accurate anymore.

To be fair, only about 3 people in the world know how Google ranks pages, and they all work for Google under strict NDA. SEO is a bit of a black magic thing. As long as you're writing in standards, with intelligent markup and content and other websites link to yours, then you won't have a problem with Google putting your page near the top of searches.
Was This Post Helpful? 0
  • +
  • -

#4 Glorfindal  Icon User is offline

  • Java Enthusiast
  • member icon

Reputation: 37
  • View blog
  • Posts: 606
  • Joined: 31-December 08

Re: help rewriting a website...

Posted 22 August 2010 - 11:38 AM

Could you post some of the code? Then post the error the W3C validator returns.
Was This Post Helpful? 0
  • +
  • -

#5 CodyD  Icon User is offline

  • D.I.C Head

Reputation: 4
  • View blog
  • Posts: 75
  • Joined: 19-August 10

Re: help rewriting a website...

Posted 23 August 2010 - 02:33 PM

Okay, so an update. I got the site to a (near) look alike of my bros. I encountered one problem so far.

Problem: I can not make the background image for the navigation (The bullets inbetween the pictures)
My code:
CSS:
#navigation {
	background-image:url('/images/nav/bgnav.png');
	width: 765px;
	height: 48px;
	float: right;
	margin: 1px 200px 0 0;
}


HTML:
<div id="navigation">
		<a href="./index.html"><img src="./images/nav/Home.png" /></a>
</div>


I eagerly await your responses!

This post has been edited by CodyD: 23 August 2010 - 02:38 PM

Was This Post Helpful? 0
  • +
  • -

#6 Lemur  Icon User is offline

  • Pragmatism over Dogma
  • member icon


Reputation: 1439
  • View blog
  • Posts: 3,609
  • Joined: 28-November 09

Re: help rewriting a website...

Posted 23 August 2010 - 04:16 PM

First, your designer is smoking something as well, using comic sans on anything whatsoever...

As far as bullets you'd have to either manually insert them as type or change the list style.
Was This Post Helpful? 0
  • +
  • -

#7 CodyD  Icon User is offline

  • D.I.C Head

Reputation: 4
  • View blog
  • Posts: 75
  • Joined: 19-August 10

Re: help rewriting a website...

Posted 23 August 2010 - 08:10 PM

That's weird o.o The original site that my bro made has it there (picture on top of/overlapping another image). Comic Sans? That's ArialML:p
Was This Post Helpful? 0
  • +
  • -

#8 PhunkRabbit  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 81
  • View blog
  • Posts: 406
  • Joined: 23-August 10

Re: help rewriting a website...

Posted 24 August 2010 - 01:24 AM

View PostCodyD, on 23 August 2010 - 08:33 PM, said:

Okay, so an update. I got the site to a (near) look alike of my bros. I encountered one problem so far.

Problem: I can not make the background image for the navigation (The bullets inbetween the pictures)
My code:
CSS:
#navigation {
	background-image:url('/images/nav/bgnav.png');
	width: 765px;
	height: 48px;
	float: right;
	margin: 1px 200px 0 0;
}


HTML:
<div id="navigation">
		<a href="./index.html"><img src="./images/nav/Home.png" /></a>
</div>


I eagerly await your responses!



You will need to put the background image for the bullet point as the background of the anchor.

#navigation li a {
     display:block;
     padding:0 0 0 20px;
     background url('your/bullet/point.jpg') no-repeat 0 50%;
}



Something to that effect. You need to use padding to push the content right and put the image of the bullet point as the background. Display:block gives the anchor a larger clickable area and allows you to effecivly use the padding.

As an extra note,

If you absolutly must use images for your navigation, give the images a suitable alt tag and the anchor a title tag.
Was This Post Helpful? 0
  • +
  • -

#9 neit  Icon User is offline

  • D.I.C Head

Reputation: 15
  • View blog
  • Posts: 187
  • Joined: 13-February 09

Re: help rewriting a website...

Posted 27 August 2010 - 01:59 AM

Having looking looked at the website and the code.
I can see why the SEO mentioned the number of divs.
It looks like the code was create by an application rather than hand coded.
In the code of the old site you can strip away much of that code and inline styling (put into css file)
to clean the code up.

The orginal menu is an image map and the dots are part of image..
If you want make the code better and use the font on the links cut each link as a separate image then wrap them in <a> tags
even keep the dots in each new image, or you could use inline lists and only cut the text out of the menu image.
Was This Post Helpful? 0
  • +
  • -

#10 kr4m0llz27  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 17
  • Joined: 08-August 10

Re: help rewriting a website...

Posted 12 September 2010 - 07:14 PM

rewrite? View the the source of his website. In viewing the source, the html,java script and other codes will appear. Copy paste it. Every page of his website.

Hope This online tool can help. Here's the link.

http://www.iwebtool.com/code_viewer
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1