Linking page title block to home - best practices? - xhtml

I do most if not all my sites to have the page title block (generally a styled h1 on my pages) to link back to the home page.
Should this be linked on the first page, i.e. the home page? I read that this shouldn't be linked, but one thing I do when I go to a page for the first time is mouseover the title to check the status bar to see if it will send me home.
What I'm asking is best practises for this... should the home page's title link back to itself for future reference for the user?

While I understand the logic behind a page not linking to itself, I personally think the title block is a defensible exception. So I think you should link it to the home page, even on the home page.

See sites such as facebook - the facebook logo always links to the homepage.
It's a strong convention, and I try to utilize it where ever practicable.

There should never be links on the page that link to itself. According to research by Jakob Nielsen, this is a bad idea. Further reading here (#10) and here (also #10 in that list).

Related

Track what a user has seen/scrolled on a single page website?

I read through all the other questions/answers I could find. Most solutions were quite old already and given that most websites nowadays are single page sites I am hoping there's an easier solution today?
I have a single page website i.e. home, banner, services, team, contact all on the same page with links at the top to scroll using href # to the section on the page.
Since all content is on one page, Google Analytcs only tracks the page as a whole. Is there an easy way to track whether a visitor has scrolled down to a specific section (website is a simple Bootstrap site) and/or clicked on a menu item to scroll down?
You can set a Virtual Pageview based on visibility element. Each section has a div, by assigning an ID to each section you can send a pageview as soon as the ID appears in the screen.
Depend on how your SPA works youca use History change trigger: https://support.google.com/tagmanager/answer/7679322?hl=en&dark=0

SEO - Drop down menus using href="#"

I've got a wordpress website with a drop down menu in the main navigation. The menu items does not link to anywhere, but rather on hover, the drop down menu displays. This is a pure CSS drop down menu.
Using the wordpress menu editor, I've assigned the URL as #, so in other words the html will be:
Link
If the user clicks this link, the URL will change to the current page's URL with a # added at the end. But the page does not refresh or reload in anyway.
The other option is to leave the URL blank in the wordpress menu system, meaning the html will be:
<a>Link</a>
This does not allow you to click the link and doesn't even change the pointer cursor to the hand as you'd expect on links.
Now, seeing as neither of these actually link anywhere, which would be best from a SEO angle?
Will google try to index all of my pages twice with the /# added at the end and causing duplicate content issues?
Thanks in advance.
Kind Regards
Willem
Willem,
Yes. According to Google www.example.com and www.example.com/# are different pages. This can lead to duplicate content penalties and can cause your links to be divided between pages as users link to both. I would recommend a different setup 301 redirect to the page without the #. There are some simple WP plugins that allow redirects to be setup in minutes without requiring use of the htaccess. Personally, I use the plugin called SEO Redirect 301s.
Hope that helps!
This is a common issue.
Both variants ( <a href="#"> and <a> ) do the same to your SEO: They are ugly from a Webdevelopers perspective, but they don't actually hurt your site or rankings. Google won't even crawl the URL '/#'. The only negative aspect is that you have more (worthless) links per URL and therefore less power to spend for the important URLs.
My personal view
Example 1:
Imagine your Homepage has a "Linkpower" value of 100. (Yes, thats a term without meaning.)
You have 2 links on your Homepage.
So every link passes a Linkpower of 50.
(Of course that's wrong, but is just to illustrate the problem.)
Example 2:
Imagine your Homepage has a "Linkpower" value of 100.
You have 3 links on your Homepage. (Including 1 worthless link for the Dropdown-Menu.)
So every link passes a Linkpower of 33.
So, remove the odd links if you want to build the perfect website, or keep them if you have something better to do respectively if you want your menu to work in outdated browsers.

How to direct users from the landing iFrame to another iFrame?

I want to customize the Facebook Page for the organization I'm working for. I would like to have a custom landing page as an iFrame with "Like our page!". Done that. But when the users become fans, they are directed to the Wall next time they visit the page. How can I make Facebook direct them to another iFrame? It was possible with FBML to create a custom landing page and then direct users to a custom fan page, but now I can't seem to find the solution for this.
Any ideas?
As far as I know, this can't be done. Facebook Page settings dictate that you can only define the page non-fans land on.

disable parent page, wordpress navigation

I need to disable parent pages in my wordpress navigation menu. I have found a few plugins that disable click-through, but hover arrow and color change are still present. Looking to simply have the parent page show as text in the menu. Here is the header.php code if needed.
http://pastebin.com/Cd4HWTTV.
Please let me know if other information is needed.
Your help is much appreciated.
Alex
I have come across this a few times before. If I understand correctly, you have something like an About Us section, but there's no content on the About Us page. You want the link in the header to redirect to the first subpage in that section, the History page for example.
The way I had to deal with this was to make About Us redirect to History using a plugin called Page Links To.
http://wordpress.org/extend/plugins/page-links-to/

Drupal: How to Remove/Redirect node listing page

I recently launched a Drupal site and noticed, after looking through my admin logs, that there existed a page in which a summary of every node on my page could be viewed. I found that this page was accessible at [mysitename]/node?page=1 and showed a list of all nodes in my site with a paginator at the bottom.
I've never run into this before and I'm unsure how to remove or re-direct from this page. It doesn't seem to be coming from a view or a panel, and I've never encountered this issue before, so I'm at a loss as to what's creating this page.
Here's an example of what I'd like to disable:: http://drupal.org/node?page=1
/node only shows pages with the "promoted to front page" option ticked. If you don't use that, it should be empty.
One way you could do it would be using Views; you could override /node to display something else ("Sorry, I don't feel like letting you do that today.").
Also searching the web for "drupal disable node" finds some useful stuff - e.g. http://groups.drupal.org/node/32704. That page has a variety of good answers.
Do what Chris Morgan suggested and also, to prevent double content issues with Google and other search engines, use .htaccess or robots.txt to prevent anyone to enter /node.

Resources