Hi all,
My name is Aidil and I'm a front end designer. My question might seem a bit trivial, but I need to communicate this to my teem on how best to create content.
We've just begun a web portal redesign for a big company. Their current portal consists nothing much than just plain old html files created in dreamweaver or somekind of editor. No CMS whatsoever.
For the redesign, we've decided to use Liferay for future ease of updating content on the clients side. We're now in the initial stages of assessing the current content, and reformatting the current content so that it'll be ready to be inserted into liferay.
Here's where I'd like to ask for the community's help. I'm suggesting the developers to format the content something like this:
Instead the developers are adamant about formatting the content kinda like this:
From this could you guys help me determine:
1. Which one is more search engine optimised?
2. Which is easier for the client to edit in the future?
3. Which is better when comes to designing the look and feel for the content?
Really really appreciate you guys helping me
Thanks!
edit: forgot to close the <div> tag in the first example
My name is Aidil and I'm a front end designer. My question might seem a bit trivial, but I need to communicate this to my teem on how best to create content.
We've just begun a web portal redesign for a big company. Their current portal consists nothing much than just plain old html files created in dreamweaver or somekind of editor. No CMS whatsoever.
For the redesign, we've decided to use Liferay for future ease of updating content on the clients side. We're now in the initial stages of assessing the current content, and reformatting the current content so that it'll be ready to be inserted into liferay.
Here's where I'd like to ask for the community's help. I'm suggesting the developers to format the content something like this:
<div id="content">
<h1>About Us</h1>
<p>What we're all about is...</p>
<h2>Our Background</h2>
<p>We started in 1920...</p><p>
</p><h3>Our background - The founders</h3>
<p>Two people met and magic happened. Let's get to know them: </p><p>
</p><h4>Mr Big Man</h4><h5>Credentials</h5>
<p>He had a humble beginning as a bus boy. Bla bla bla </p>
<h4>Mr Hotshot</h4><h5>Credentials</h5>
<p>What else can we say about this guy. Bla bla bla</p>
</div>
Instead the developers are adamant about formatting the content kinda like this:
<div class="title">About Us</div>
<div class="text">What we're all about is...</div>
<div class="subtitle">Our Background</div>
<div class="text">We started in 1920...</div>
<div class="subsubtitle">Our background - The founders</div>
<div class="text">Two people met and magic happened. Let's get to know them: </div>
<div class="subsubsubtitle">Mr Big Man</div>
<div class="subsubsubsubtitle">Credentials</div>
<div class="text">He had a humble beginning as a bus boy. Bla bla bla </div>
<div class="subsubsubtitle">Mr Hot Shot</div>
<div class="subsubsubsubtitle">Credentials</div>
<div class="text">What else can we say about this guy. Bla bla bla</div>
From this could you guys help me determine:
1. Which one is more search engine optimised?
2. Which is easier for the client to edit in the future?
3. Which is better when comes to designing the look and feel for the content?
Really really appreciate you guys helping me
Thanks!
edit: forgot to close the <div> tag in the first example
I would suggest to go with structures and templates to create web contents. [if you have fix pattern for each page content]
For the formatting, you can go with any, I guess, since with css you can get same effect on view.
For SEO, I have not much idea but second one seems better to me.. http://www.webconfs.com/seo-tutorial/seo-and-content.php#What Is Good Content?
Correct me if anything is wrong..
For the formatting, you can go with any, I guess, since with css you can get same effect on view.
For SEO, I have not much idea but second one seems better to me.. http://www.webconfs.com/seo-tutorial/seo-and-content.php#What Is Good Content?
Correct me if anything is wrong..
There is a slight different opinion when it comes to set rules for html tags directly.. and that if the rules are not properly scoped, they will be applied for all existing content as well(existing liferay setup..). Also, if a new content is added, which need default behavior of p, h1 etc.. and that is not scoped properly.. then it can be a mess..
When I say scoped it is like this..
<div id="main">
<h1>...</h1>
<p>...</p>
</div>
rules for this I would apply like
#main p{
}
#main h1{
}
This way it doesn't affect others.. without using id before a rule may ruin others work..
Now, one more thing, I like using classes because in that case I dont have to think of many ids. On a single page, ideally id should be unique. So in that case keeping multiple webcontent with same id, may not be wise..
Would love to hear more views on this..
When I say scoped it is like this..
<div id="main">
<h1>...</h1>
<p>...</p>
</div>
rules for this I would apply like
#main p{
}
#main h1{
}
This way it doesn't affect others.. without using id before a rule may ruin others work..
Now, one more thing, I like using classes because in that case I dont have to think of many ids. On a single page, ideally id should be unique. So in that case keeping multiple webcontent with same id, may not be wise..
Would love to hear more views on this..
So if I get you right, you'd maintain the H and the P tags but wrap it up in a div with a unique ID
Looks like we're on the same page here...
When I say scoped it is like this..
<div id="main">
<h1>...</h1>
<p>...</p>
</div>
rules for this I would apply like
#main p{
}
#main h1{
}
This way it doesn't affect others.. without using id before a rule may ruin others work..
Looks like we're on the same page here...