1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How's my website design?

Discussion in 'Design' started by aadi1295, Jun 17, 2015.

  1. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,647
    Likes Received:
    1,976
    Best Answers:
    250
    Trophy Points:
    515
    #21
    Uhm... no. DIV (and SPAN) are semantically neutral, they are ignored as they don't mean anything other than "this MIGHT receive some form of styling" so just having them around H1? Makes ZERO difference.

    Now, content BEFORE the h1? That would be a problem. UL, P, whole host of things before "the header under which EVERYTHING on the page is a subsection" -- that's the problem.

    The DIV, not so much. Of course, to me THIS:
    <a class="navbar-brand" href="/"><img alt="logo" style="border:none;" height="23" width="145" src="/Content/buyphone-logo.png"/></a>
    Code (markup):
    Is what should be the H1, with text inside it, with a replacement technique like Gilder-levin to apply the image since that's NOT a content image, and as such has no business in the markup -- Just as 90%+ of the CRAP around it should be axed, particularly the scripttardery to make that hamburger icon menu garbage.

    This whole section:
    </head>
    <body>
    <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
    <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="/"><img alt="logo" style="border:none;" height="23" width="145" src="/Content/buyphone-logo.png"/></a>
    </div>
    <div class="collapse navbar-collapse js-navbar-collapse" id="navbar-collapse">
    <ul class="nav navbar-nav">
    <li class="active"><a href="/">HOME</a></li>
    <li class="dropdown mega-dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">BRANDS <span class="caret"></span></a>
    <ul class="dropdown-menu mega-dropdown-menu row">
    <li class="col-sm-3">
    <ul>
    Code (markup):
    Would have been this had I wrote that same page:
    </head><body>
    
    <div id="top"><div class="widthWrapper">
    	<h1>
    		<a href="/">
    			BUYPHONE.<span>PK</span>
    			<i><!-- image sandbag --></i>
    		</a>
    	</h1>
    	<div id="mainMenu">
    		<a href="#mainMenu" class="showmenu"></a>
    		<a href="#" class="hideMenu"></a>
    		<ul>
    			<li><a href="/">Home</a></li>
    			<li>
    				<a href="/brands">BRANDS</a>
    				<div>
    					<ul>
    Code (markup):
    Not that I'd probably actually have that dropdown since it's WAY too many links to be putting before the content, again link overload being accessibility rubbish, much less the disaster that makes on mobile.
    SEMrush
     
    deathshadow, Jun 23, 2015 IP
    SEMrush
  2. aadi1295

    aadi1295 Well-Known Member

    Messages:
    184
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    123
    Digital Goods:
    1
    #22
    oh Ok, I didn't know that. Thanks for pointing :)
     
    aadi1295, Jun 23, 2015 IP
  3. aadi1295

    aadi1295 Well-Known Member

    Messages:
    184
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    123
    Digital Goods:
    1
    #23
    Thanks for brief explanation, actually client gave the main keyword "mobile prices in pakistan" and the whole keyword should be in h1 tag, so how's it possible to put the whole keyword in top div inside h1 tag?
     
    aadi1295, Jun 23, 2015 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,647
    Likes Received:
    1,976
    Best Answers:
    250
    Trophy Points:
    515
    #24
    Keyword stuffing is NOT what a h1 tag is for. An H1 is the heading under which everything on the page is a subsection. That type of black-hat SEO asshattery has ZERO business on a website. Hell, the word "in" is a stop-word that would get it rejected as a phrase. Not joking, they've been cracking down HARD on keyword stuffing -- see why all the SEO "experts" run around like chickens with their heads cut off every time Matt Cutts announces a algo update.

    Just like how your keywords META should be single words or proper names that exist inside BODY, you should work your keywords into the natural text of the page. Worrying about what level heading they go into just ends up being abusing the semantics and accessibility of the page, something search engines have been wise to for some times.

    The reason to use a H1 is to create a heading under which everything on the page is a subsection, NOT for stuffing to the gills with keyword asshattery. Just as a H2 indicates the start of a subsection of the h1, h3's indicate the start of subsections of the H2 before them, and so forth down the line; HR being a change in topic where a numbered heading and/or text is unwanted, unwarranted or inappropriate as opposed to meaning "draw a line across the screen".

    As I often say, if you choose your tags for their default appearance, you're choosing all the wrong tags for all the wrong reasons.

    Be VERY leery of keyword stuffing nonsense. It's good to work them into flow text (something you are kind-of lacking), it's just BEGGING for search engines to pimp slap you into the litter-box for stuffing them into tags just because those tags may have slightly more search weight.

    Write the content using meaningful relevant words to what the content is as if HTML doesn't even exist; markup that content choosing your tags based on what things ARE, NOT what they look like. That's semantic markup (the sick euphemism for "using HTML properly") 101. Choosing tags or choosing content for those tags based on magic keywords is SEO scam artist bull and accessibility rubbish.

    It's basically a balancing act -- if your content is written properly, magical perfect search phrases (sorry, but "mobile prices in pakistan" is NOT a keyword. Three of those words COULD be keywords, one is a guaranteed stop word!) are a bunch of nonsense that SEO scam artists use to trick the ignorant into thinking they know what they're talking about.

    Poke your head into the SEO area here, and look for a sticky by Dan Schulz, it's old, but little has changed from a white-hat perspective. I don't agree with his treatment of H1 since I'm more about accessibility than scamming, but for the most part that's a far more reputable source than most of the asshat bull people call SEO out of ignorance on how HTML and search engines work.
     
    deathshadow, Jun 23, 2015 IP
  5. Mehdi.b

    Mehdi.b Active Member

    Messages:
    354
    Likes Received:
    50
    Best Answers:
    0
    Trophy Points:
    65
    #25
    It makes me happy when I see someone asks for opinion and takes them into account and make the changes. This is I think headed to the right direction and has some good potential and hope it works out for him/her
     
    Mehdi.b, Jun 23, 2015 IP
  6. Rayt64

    Rayt64 Peon

    Messages:
    10
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    3
    #26
    I like the layout of the website, and the content, but for me the purple color is a turn off. It doesn't inspire me to shop. I think a nice blue color on a clean white background would draw me in. I googled, "mobile phones online," just to find a random website to show you what I mean and I found this one. flipkart.com. I'm not supposed to post links because I'm a newbie and I am no way affiliated with flipkart so I hope I don't get banned. I'm just trying to help. It doesn't have to be blue, that's just my favorite, but something that is a little brighter.
     
    Rayt64, Jun 23, 2015 IP
  7. aadi1295

    aadi1295 Well-Known Member

    Messages:
    184
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    123
    Digital Goods:
    1
    #27
    Thanks for your detailed reply, I am very concerned about SEO. If I put h1 tag inside navbar with site name "BUYPHONE.pk", then on inside pages like http://www.buyphone.pk/Phone/Samsung-Galaxy-S6-edge, the main heading "Samsung Galaxy S6 Edge" is also h1, so it needs to be inside h2 tag then? because each page should just have one h1.
     
    aadi1295, Jun 24, 2015 IP
  8. lucky ali

    lucky ali Active Member

    Messages:
    119
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    93
    Digital Goods:
    1
    #28
    Can you please explain when to use google ads
     
    lucky ali, Jun 24, 2015 IP
  9. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,647
    Likes Received:
    1,976
    Best Answers:
    250
    Trophy Points:
    515
    #29
    STRUCTURALLY "BUYPHONE.pk" would remain the h1 as it's all part of that SITE -- just as a newspaper or book has the title of the paper atop every page or every two-page fold-pair. Stuffing the current page title into the H1 makes no STRUCTURAL sense and is just pissing on the accessibility, particularly since would any of the other headings on the page be a subsection of that?

    For example, a newspaper called "The Old Colony Memorial" might have the giant headline "Mayor caught taking million dollar bribe" in massive letters on the front page as the featured article -- but that giant text does NOT make it the main heading since that would mean sub-articles on the page like "Woman raped on Lyden Street" or "K-6 get new School" are subsections of that -- they're not subsections of that (unless that's one SCREWED UP town), they're subsections of "Old Colony Memorial" so they'd ALL be H2 under <h1>Old Colony Memorial</h1> even if one of them is being PRESENTED larger.

    It's a big disconnect people have in thinking semantics is separating the default appearance of a tag from it's meaning.

    IF you want to put the current page's main topic someplace, in addition to the h2 add it to the TITLE tag, preferably at the START as that makes the title tag USEFUL on things like SERP listings, tabs, task managers, bookmarks, etc.

    Homepage:
    <title>BuyPhone.pk</title>

    Product page:
    <title>Samsung Galaxy S6 Edge - BuyPhone.pk</title>

    THAT is useful placement that search may use without compromising accessibility -- in fact it would enhance it. ... and for **** sake people stop using vertical breaks "|" or other characters for separators, that's grammatical gibberish that some jackass at netscape did ONCE. See how the browser uses a hyphen? YEAH, THAT!

    One of the biggest and best bits of advice about SEO you will hear is "write for the user, not the search engine" -- people in the know like Matt Cutts have been telling us that for a decade and a half, and it's WHY most of the SEO hoodoo-voodoo like keyword stuffing, artificial heading manipulation, content cloaking, "magical search terms", long-tail keywords (that aren't keyWORDS, they're phrases) and even statistical BS is little more than lies used by scam artists to make you THINK they know what they're talking about when it comes to search.

    Sadly many of those techniques have been parroted so much they've become accepted as truths when they aren't -- what Goebbels called "The big lie"; you tell a lie often enough and get enough people to believe it, magically everyone thinks it's the truth no matter how much evidence there is to the contrary. What in psychiatric circles falls under the categories of "Confirmation Bias" and "Cognitive dissonance". You see it all the time with nonsense like Google Analytics (the only useful parts of which you should be able to extract from your server logs with analog or webalizer) and statistics being used as lame excuses to divide small groups into "collateral damage" to justify sleazy broken practices or artsy-fartsy bull.

    It's why I've not once dealt with an SEO "expert" where that's their specialty or a company where that's all they do that wasn't a giant scam on a scale that would leave Tony Little, John Beck or Jeff Paul in rock-star awe of it's scope and effectiveness at parting ignorant fools from their money.

    SEO is a small but important part of building a website; some people have blown it WAY out of proportion to the point they are neglecting the REAL important aspects like accessibility, usability, speed, or even retention and conversions.

    I've seen thousands of sites the past fifteen years that rank #1 on search but still have bupkis for retention or conversion; they're all one-visit bounce city. A site in the first slot on google is worth dick if there's no conversions, a site in the fifth slot that sees 80% return visits and 10% or more conversions. This is more true as Google is putting up top paid listings that are effectively training people to STOP clicking on the first few results and take the time to read things like the title and description looking for one that makes sense for what they are looking for.

    Which is why keyword stuffed titles and descriptions are utter and complete fail. The title of the site preceded by the title of the subpage (if any) with a description that actually describes the purpose of the site or the content of the subpage? Bloody brilliant and works every time.

    Writing to the user means logical document structure, semantic markup, non-screen media content delivery as the starting point, graceful degradation provided by building the site with progressive enhancement, dynamic fonts, dynamic elastic semi-fluid responsive layout, and all the other reasons HTML and CSS even EXISTS -- if you are dicking around over what goes in what tag JUST for SEO purposes, you're not just doing it wrong... You're actually setting yourself up to be slapped down at some point in the future.

    Again see how the overly obsessed SEO scam artists with their delusional rubbish go apoplectic every time a Google algorithm update is announced. Every three to six months you'll see seo forum areas fill up with people dreading the changes because it means the latest flavor of hoodoo-voodoo they're DUMB ENOUGH to believe is legitimate or the things they've been willfully ignoring for their artsy fartsy but ultimately useless design is about to get pimp-slapped.

    See the most recent bitch-slap to non-mobile friendly sites on mobile searches... which IMHO doesn't go anywhere NEAR far enough since they allow outdated allegedly mobile friendly techniques (that aren't -- like the redirect) bull through, and they don't apply it to ALL searches.

    Build it for the VISITOR -- all visitors of ALL capabilities, and you're fine and will remain fine. Start obsessing on 'on page' SEO and you might have a couple months of the scam working right up until Google, Yandex, Baidu, DuckDuckGo and all the others start slapping you down for abuse.
     
    deathshadow, Jun 24, 2015 IP
  10. malky66

    malky66 Acclaimed Member

    Messages:
    3,997
    Likes Received:
    2,248
    Best Answers:
    88
    Trophy Points:
    515
    #30
    When you have a decent amount of traffic and a site that complies with the Adsense policies.
     
    malky66, Jun 24, 2015 IP
  11. aadi1295

    aadi1295 Well-Known Member

    Messages:
    184
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    123
    Digital Goods:
    1
    #31
    Thanks for explaining everything, sure thing I am gonna apply all these things. Thanks again
     
    aadi1295, Jun 26, 2015 IP
  12. Karen May Jones

    Karen May Jones Prominent Member

    Messages:
    3,469
    Likes Received:
    290
    Best Answers:
    1
    Trophy Points:
    380
    #32
    I really love how you have so many choices and prices right there on the front page. It makes me want to browse and click. It gives you a lot to look over all at once. Very pretty.
     
    Karen May Jones, Aug 9, 2015 IP
  13. aadi1295

    aadi1295 Well-Known Member

    Messages:
    184
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    123
    Digital Goods:
    1
    #33
    Thanks, you can see final product demo on demo1.arbazabid.com
     
    aadi1295, Aug 9, 2015 IP