Optimize HTML page with a TON of links [closed] - html

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I maintain an HTML page that contains a list of links to photo galleries. Over the past few years it has gone from a small page to a list that contains HUNDREDS of links. My fear is that it has affected the SEO of the page as a whole; being interpeted by spiders as a link farm. Of course, I have no real way of knowing fo sure but I have started to suspect.
Is there an efficient simple way to deal with a large number of links in a manner that is still easy for the user to browse? While having hundreds of links one of top of the other may not be the best looking method, its easy to search since they are all in chronological order. I am looking to figure out a way that I can keep the page simple without creating more of a maintenance nightmare for myself.
One idea I had was use XML to store the links and use some kind of dropdown so that when a spider hit the page it would not see a mountain of links, just a reference to XML

Use a "pager" script to show, say 10 at a time. They are available in every web framework or you could quickly hack up your own.

... how about this. Put links in separate file(s) (or somehow store them outside of the page, db, flat file, etc.) and load them via ajax call as needed. Say, something like 'Category A' button, when clicked loads links into a div. That should keep it out view for spiders.
Then there's this: http://www.robotstxt.org/meta.html and this: http://en.wikipedia.org/wiki/Nofollow

Related

Simple website (HTML & CSS) - what is the best way to simplify subpages editing? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed last month.
Improve this question
I'm trying to get back into HTML & CSS coding and learn JS. I found so many tutorials which are very helpful, now I would like to develop some simple websites. Many years ago the only way to make subpages (I hope it is a correct translation) was to use iframe or just copy whole content from homepage (so with need of editing every page to change ex. logo or footer). What is the best way to do it now?
Typing "HTML CSS webpage tutorial" in YT returns a lot of awesome results, but it gives me only the solution how to make a design, not a website with working menu etc.
What do you suggest? I prefer to work on separate files instead keeping all code in one "index.html".
Thank you in advance,
Happy New Year!!!
Regards, Mariusz
I have no solution yet.
Nowadays different frameworks are used for that purpose. If you don't want to use one, the easiest way would be to still use PHP and use its include method to load "subfiles" like header, footer, navigation sidebar and other content / website parts that are identical on all pages.
BTW, just a note aboute a detail in your question: The "ancient" method for this didn't use iframes, but frames – that's a big difference: iframes load external webpages, frames (as parts of framesets) load parts of the own website.

Is it possible to use 1 html file to view different items on different pages? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
I am currently in the process of creating a website for a small enterprise. I made a nav item called "Collections" where it is divided into various categories for the type of products that will be sold (Rings, Bracelets etc). And then Under "Rings" (when selected), multiple items that can be bought are displayed in a gallery form (image + a "click here for more details"just below). When you select an individual item, a new page (target="_blank") will open that will display price/description of said selected item.
Since in the future, there will probably be hundreds of items with their price/descriptions, should i make an individual html file for each? Or is there a way to have 1 html file and a new page opening depending on which item was selected?
Since you're looking at creating an e-commerce site and needing help on the simpler bits then I would suggest that you look into using a dedicated hosted e-commerce platform such as Shopify, Squarespace or if you want to self host Magento or Prestashop.
This is because once money is involved, rolling your own platform when you're not an expert isn't a great idea.
There's a post here: https://www.upwork.com/hiring/for-clients/self-hosted-vs-hosted-e-commerce-platforms-right/ which could help you decide what is best for you.
I believe you are looking for single page application, since you are building an e-commerce website there would be click events to show product description.creating individual page for each product is time consuming.From your question i believe you want load the product details on the same page which can be achieved by loading data from your back end and implementing a templating system in the front end.
have a look at
https://angular.io/

Refresh periodically server data without page refreshing [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
This is the issue. I am making social networking website and I want to display online/offline user status without refreshing page. I have everything done in Mysql, online status is displayed on page, but without refreshing page changes in online status are not registered. So basically I supose that it could be solved with AJAX request. I want to get changes in mysql query and to display it directly on page without page refreshing.
A couple of different options, but two that I will highlight:
1) jQuery. Straightforward JavaScript library way to asynchronously access the user data as you specify. AJAX calls are built in by design. See http://api.jquery.com/jquery.ajax/. This is pretty much out of the box functionality, and easier to implement if you're crunched for time.
2) If you're totally new to getting back end data into the front end, and refreshing on the fly, I might suggest you choose a more recently designed JavaScript framework, such as AngularJS. This would give structure to the front end of your application. The only real drawbacks for this are learning curve (higher than jQuery) and SEO, as it is a fully JavaScript-driven output. For SEO, there is a well-known workaround: http://www.yearofmoo.com/2012/11/angularjs-and-seo.html.
Hope this high level overview helps put you on the right track...

What to take in account when deploying complete redesign of website regarding search engines? [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 11 years ago.
Improve this question
I am planning redesign of my page (4-5 years old with pagerank 3-4). There will not be any URLs changing, meaning that the same content will stay under the same URL. But I am still bothered, because I heard that changing HTML structure on whole page can have some effect, mainly negative. But there is no way of changing design and layout of the page without changing HTML structure.
Could you please sum up all the things to take into account when redesigning website search-engine-friendly-way ?
I could go into some detail but basically check your site with this to get a detailed breakdown: http://nibbler.silktide.com/ Before and your test site (Preferably on a test domain ie. test.mywebsite.com).
Basic things not to do are: Do not use html tables for anything but displaying data in a grid, do not use semantic html where not needed this is used to highlight things as important.
Order of importance tags on a page
H1 < H2 < H3 < B
Make sure your html is valid and you have all the appropriate meta-tags in place as per the w3c standard you choose for your design.
Content is key, keyword density and page themes are what are important don't dilute a page, if you are going to add a new page.
Make sure you add a site map and submit to all search engines and have a robots.txt file pointing to your local xml sitemap.
For everything that you didn't understand that I said google the phrases in bold and you will find more detail of implementation.

Google auto-recognizing menus? [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 9 years ago.
Improve this question
I wondered what would be the markup to achieve the following on google, somehow they recognize the menu items and show it as part of the search result but I couldn't find an easy way to do it.
attached screenshot:
Basically, you are asking how to cause "sitelinks" to appear for your website. Unfortunately as far as SEO is concerned, there isn't any special markup you can use to make these appear. They will be shown if Google's algorithm determines it is appropriate to show them, otherwise, they won't be.
For more information, see the following help article from the Google webmaster tools:
http://www.google.com/support/webmasters/bin/answer.py?answer=47334&topic=8523
There isn't anything special about the markup. Google needs to be able to crawl the site and be able to determine the site's structure based on how pages link to each other. In addition, you can tell Google how the site is structured by submitting a sitemap to them. This is a simple step you can do to encourage Google to build this structure in their search results. Be patient for the results to occur, however, as it can take a while.
A good site navigation tree (logical) and breadcrumbs on the internal page, may help google to check right your "menu". HTML5 too maybe a good idea to say to search engine "Hi. I'm the nav".