WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > Wordpress sidebar call issues in markup

Reply
  Thread Tools Display Modes
Old 22nd January 12, 08:44 PM   #1
digital
WLC Member
 
Join Date: Jan 2012
Posts: 1
Default Wordpress sidebar call issues in markup

I noticed that googlebot is reading and indexing the content of the left sidebar and and not the center content (title of posts etc).

I have tried this fix:

Place the sidebar call after The Loop in your theme files and then use CSS to float your post content right or absolutely position your sidebar on the left.

Because the spider bots read the page markup from the top down. So if your left sidebar lies above your post content in the markup, the sidebar will be indexed first. If, on the other hand, your left sidebar appears below your post content in the markup but is positioned left by CSS, the bots will index your post content first.

So I moved the sidebars call after the loop and it works when I float the center content to the right to the point where the sidebars are where they are supposed to be but they are pushed down a little from the top and it throws the page nav (bottom of center content) and the footer out of wack. How can I do this without it causing these problems? I tried floating them right as well but that makes it worse.

Code:
/***************************************************************************/
/* Sidebars */
/***************************************************************************/

.sidebar-left, .sidebar-right {
         margin:5px 0 0 0 !important;
	 margin:0;
	 position:absolute;
	 overflow:hidden;
	 }

.sidebar-left {
	 width:210px;
	 left:5px;
         float:left;
	 }

.sidebar-right {
	 width:210px;
	 right:5px
	 }

/***************************************************************************/
/* WordPress Sidebar Widgets */
/***************************************************************************/

.wp-widget-title {
	 position: relative; 
	 top: -24px;
	 background:url('images/widgetbg.gif') no-repeat;
	 color:#FFFFFF;
	 font-size: 10pt;
	 font-weight: bold;
	 padding:6px 0 6px 15px;
	 margin:0;
	 }

.wp-widget-title a:link,
.wp-widget-title a:visited,
.wp-widget-title a:hover{
	 color:#FFFFFF;
	 }

.wp-widget {
	 background:url('images/widget_bottom_bg.gif') no-repeat bottom;
	 color:#555;
	 padding:0;
	 margin: 25px 0 35px 0;
         font-size:8pt;
	 }

.wp-widget ul {
         list-style:none;
	 position: relative; 
	 top: -15px;
         margin:5px 10px 5px 15px;
         padding:0;
	 }

.wp-widget ul li {
         background: url('images/bullet.gif') no-repeat 0px 0px;
         margin:0 0 10px 0;
         padding:0 0 0 14px;
         line-height:15px;
         font-size:8pt;
	 }
	 
.search-widget-title {
	 background:url('images/widgetbg.gif') no-repeat;
	 color:#fff;
	 font-size: 10pt;
	 font-weight: bold;
	 padding:6px 0px 6px 15px;
	 margin:-25px 0 0 0;
	 }

.search-widget {
	 color:#555;
	 background:url('images/widget_bottom_bg.gif') no-repeat bottom;
	 padding:10px;
	 margin:0px 0 35px 0;
         font-size:10pt;
	 }

.textwidget {
         position: relative; 
         top: -15px;
         margin:0px 0px 0px 5px;
         padding:0px 5px;
         }

.textwidget ul {
         list-style:none;
	 position: relative; 
	 top: 0px;
         margin:0 0 0 5px;
         padding:0;
	 }

.textwidget ul li {
         background: url('images/bullet.gif') no-repeat 0 0;
         margin:5px 0 10px 0;
         padding:0 0 0 14px;
         line-height:15px;
	 }

#calendar_wrap {
	 position: relative; 
	 top: -10px;
         margin:0 40px;
	 }

#akismetwrap {
         position: relative; 
	 top: -15px;
         margin:0 45px;
	 }

#cat, select {
         position: relative; 
	 top: -10px;
         margin:0 45px;;
	 }
	 
.widget_categories ul li ul.children{
         position: relative; 
	 top: 0px;
	 left:-10px;
	 }

.widget_pages ul li.page_item li{
         position: relative; 
	 top: 20px;
	 left:-10px;
     }
	 
/***************************************************************************/
/* Old Style Tigopedia Widgets */
/***************************************************************************/

.widget-title {
	 background:url('images/widgetbg.gif') no-repeat;
	 color:#fff;
	 font-size: 10pt;
	 font-weight: bold;
	 padding:6px 0px 6px 15px;
	 }

.widget-title a:link,
.widget-title a:visited,
.widget-title a:hover {
	 color:#fff;
	 }

.widget {
	 color:#555;
	 background:url('images/widget_bottom_bg.gif') no-repeat bottom;
	 padding:10px;
	 margin:0 0 10px 0;
         font-size:8pt;
	 }

.widget ul {
         list-style:none;
         margin:5px 5px 0px 5px;
         padding:0px;
         }

.widget ul li {
         background: url('images/bullet.gif') no-repeat 0px 0px;
         margin-bottom:10px;
         padding-left:14px;
         line-height:15px;
         font-size:8pt;
         }

.center-widget-title {
	 background:url("images/center_widget_bg.gif") center top no-repeat;
	 color:#0066cc;
	 font-size:16px;
	 font-weight: bold;
	 margin:0px 210px 0px 210px;
	 padding:8px 0px 0px 15px;
	 }
	 
.center-widget {
         background:url('images/center_widget_bottom_bg.gif') center bottom no-repeat;
	 color:#555;
	 margin:0px 210px 6px 210px;
	 padding:0.1em 1.2em 0.6em 1.2em;
	 font-size:10pt;
	 }
	 
.center-widget a:link,
.center-widget a:visited {
         color:#0066cc
	 }

.center-widget a:hover {
         color:#0066cc;
	 border-bottom: 1px dashed #a0a0a0;
	 }

.center-widget ul li {
         background: url('images/bullet.gif') no-repeat 0 0;
         list-style:none;
	 padding:0 0 0 15px;
	 margin:6px 0 0 -10px;
	 }

.center-widget ol li {
	 padding:0;
	 margin:6px 0 0 0px;
	 }

.bottom-page-nav {
         text-align:center;
	 color: #0066cc;
	 }

.bottom-page-nav a:link,
.bottom-page-nav a:visited,
.bottom-page-nav a:hover {
         color:#0066cc;
	 }

.footer {
	 color:#555;
	 font-size:10pt;
         font-weight:normal;
	 text-align:center;
         padding:0px 0px;
         margin:0;
         }
	 
.footer a:link,
.footer a:visited,
.footer a:hover {
         color:#0066cc;
	 }
digital is offline   Reply With Quote
Old 23rd January 12, 11:38 AM   #2
chrishirst
Banned
 
Join Date: Jun 2006
Location: Blackp ool U.K.
Posts: 3,194
Default Re: Wordpress sidebar call issues in markup

Google's INDEXER not the crawler, reads ALL the content on ALL of the page.

All you are seeing, probably in a allinurl:, inurl: or site: search, is the way that the snippets are built in "special" searches.

Because there are no "keywords" in the query to use to build snippets they are assembled as always, from the page content where the URI can be found which obviously is your navigation.
If it concerns you so much, put a sentence in your meta description element that includes the URI and Google will use that as a snippet instead.

Or if you want to see what will appear in the SERPs normally, run a site: or inurl: searches and include some "keywords" seperated by spaces after the URI.

Messing about with the CSS is problematic and pointless as the snippets will STILL be built from the navigation because that's where the URI is found more frequently.
chrishirst is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 05:55 PM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.