เทคนิคการทำให้เว็บไซต์ติดใน Searh Engine

เทคนิคการทำให้เว็บไซต์ติดใน Searh Engine
***************************************************************************


1. ใส่ Keyword ใน Title ของหน้าเว็บ


การใส่ Key Word ในหน้าเว็บไซต์ในส่วนของแท็ก จะช่วยทำให้ Search Engine รู้ว่าเว็บไซต์หน้านั้นๆ ของคุณ มีข้อมูลเกี่ยวกับอะไร ซึ่งข้อมูลนี้จะแสดงอยู่ในตำแหน่งบนด้านบนสุดของบราวเซอร์ ซึ่งตำแหน่งนี้ถือเป็นปัจจัยที่สำคัญส่วนหนึ่ง


2. การใส่ Key Word ที่ต้องการในส่วนด้านบนของเว็บไซต์และการเน้นด้วยตัวหนา


การเน้น Key Word ที่ต้องการในหน้าเว็บไซต์ด้านบน และมีการเน้น key word ภายในหน้าเว็บไซต์ด้วย ตัวหน้า หรือการใช้แท็ก จะเป็นการเน้นให้ Search Engine รู้ว่า นี้คือคำที่เราต้องการเน้นและให้ความสำคัญเป็นพิเศษ ซึ่ง Search Engine จะให้ความสำคัญและน้ำหนักกับ Key Word เหล่านี้


3. หลีกเลี่ยงการออกแบบเว็บไซต์ด้วย Flash หรือรูปภาพเยอะ ไม่มีตัวหนังสือ


เพราะ Google จะอ่านจากโค๊ดของหน้าเว็บไซต์ ซึ่งหากเว็บไซต์คุณ มีแต่ภาพ และยิ่งเป็น Flash ด้วยแล้วละก็ Google จะไม่รู้จักเว็บไซต์คุณเลยว่าเกี่ยวกับอะไร คุณควรปรับเปลี่ยนเพิ่ม ตัวหนังสือเข้าไปในเว็บไซต์ เพื่อให้ Google ได้รู้จักเว็บไซต์อของคุณ


4. หลีกเลี่ยงใช้ออกแบบเว็บไซต์ด้วยเฟรม


เพราะการออกแบบเว็บไซต์ด้วย เฟรม จะทำให้ Search Engine จะไม่สามารถทราบได้ถึงข้อมูลที่มีอยู่ในเนื้อหาในหน้านั้นๆ เพราะเนื้อหาในหน้านั้น ๆได้ถูกแบ่งออกเป็นส่วนๆ โดยการใช้เฟรม ดังนั้นคุณควรหลีกเลี่ยงซะ (การใช้เฟรม คือ การออกแบบหน้าเว็บที่มีหน้าเว็บหลาย ๆส่วนประกอบเข้าด้วยกันในหน้าเดียว)


5. การเขียนเว็บด้วยภาษาง่าย ๆ ไม่ใช่โค๊ดที่สลับสับซ้อน


การ ออกแบบเว็บไซต์ โดยมี code ที่สั้นและกระชับเป็นปัจจัยสำคัญที่ทำให้เว็บไซต์คุณง่ายต่อการค้นหาของ Search Engine อย่าใช้ code ฟุ่มเฟือยจนเกินไป ไม่ใช้ table มากเกินไป ลดการใช้ JavaScript และ CSS เท่าที่จำเป็นเท่านั้น นอกจากนี้ คำค้นหาสำคัญๆ ควรอยู่ส่วนบนๆของเว็บเพจให้มากที่สุด


6. ควรตั้งชื่อไฟล์รูปภาพ และใส่คำอธิบายให้กับภาพ


คุณ ควรตั้งชื่อไฟล์รูปภาพที่ตรงกับ Keyword ที่คุณต้องการ และควรใส่คำอธิบายภาพ โดยใช้แท็ก คำอธิบาย เพื่อทำให้ Search Engine รู้ว่าภาพที่คุณใส่เข้าไปในเว็บไซต์คุณคือภาพอะไร และเกี่ยวกับอะไร ซึ่งจะมีผลต่อการค้นหาของ Search Engine ด้วย


7. ใส่ คีย์เวริด์ ให้หนาแน่น ภายในหน้าเว็บไซต์


การ ที่ในหน้าเว็บไซต์ของคุณมี Key Word ที่ซ้ำๆ หลายๆ คำในหน้านั้นๆ (Key Word Density) นั่นหมายถึงหน้าๆ นั้นของคุณมีข้อมูลและเรื่องราวที่เกี่ยวกับคำๆนั้น ซึ่ง Search Engine ให้ความสำคัญกับส่วนนี้ เช่นกัน ซึ่งควรจะมีการซ้ำๆ กันของ Key Word ในหนึ่งหน้าเว็บ ไม่ควรเกิน 20% ซึ่งหากใส่มากเกินไปจะกลายเป็นการ Key Word Spamming ซึ่งอาจจะทำให้เว็บไซต์คุณโดนบล็อกไปเลย


8. ขนาดไฟล์ HTML ของหน้าเว็บไซต์ไม่ควรเกิน 32K


ถ้า หน้าเว็บไซต์ของคุณ มีขนาดใหญ่จนเกินไป จะทำให้ Search Engine ไม่สามารถเก็บข้อมูลของหน้าเว็บไซต์คุณได้ ดังนั้นในการออกแบบ ควรไม่ให้มีขนาดไฟล์ HTML ไม่เกิน 32K


9. แลกลิงค์กับเว็บไซต์อื่นๆ 


การ แลกลิงค์กับเว็บไซต์อื่นๆ และมีเว็บไซต์อื่นๆ ลิงค์มาหาคุณเยอะๆ เป็นการแสดงว่า เว็บไซต์คุณเป็นที่รู้จักจาก ซึ่ง Google จะให้คะแนนของเว็บไซต์คุณ โดยเป็นค่า Page Rank (PR)โดยจะมีการให้คะแนนเอาไว้มีค่าตั้งแต่ 1-10 คะแนน โดยเว็ปเพจใดที่ google เห็นว่าเป็นเว็ปเพจที่ “ สำคัญ ” ซึ่งหากเว็บไซต์คุณมีค่า Page Rank สูงก็จะมีผลต่ออันดับในการแสดงใน google โดยเราสามารถทราบค่า PR ของเว็บไซต์เราได้ โดย download และ install google toolbar (http://toolbar.google.com) หลังจากนั้นคุณจะสามารถดูคะแนน PR ของคุณที่จัดโดย google ได้


10. ทำ Site Map ให้กับเว็บไซต์ของคุณ


Site Map ก็คือแผนที่เว็ปไซด์ของคุณ ว่าเว็ปไซด์คุณมีหน้าเว็ปต่างๆ อยู่ที่ไหนบ้าง หน้าไหน link ไปสู่หน้าไหน เป็นการรองรับให้ทุกๆ หน้าของเว็ปไซด์คุณถูกเข้าถึงได้ทั้งหมด ซึ่งจะทำให้ Google สามารถทราบได้ว่าในเว็บไซต์ของคุณมีหน้าเว็บอะไรบ้างทั้งหมด



jQuery Slider Plugins and Tutorials

Web Program [PHP] | Web Design | Web Freelance | Graphic Design: jQuery Slider Plugins and Tutorials: "Minimalistic Slideshow GalleryIn this tutorial we will create a simple and beautiful slideshow gallery that can be easily integrated in you..."

jQuery Slider Plugins and Tutorials


Minimalistic Slideshow Gallery

Powerful jQuery Slider Plugins and Tutorials
In this tutorial we will create a simple and beautiful slideshow gallery that can be easily integrated in your web site. The idea is to have a container with our slideshow and the options to view a grid of thumbnails, pause the slideshow, and navigate through the pictures. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails.

Advanced jQuery background image slideshow

Powerful jQuery Slider Plugins and Tutorials
With the use of transparent PNG’s, some HTML, pretty nifty CSS and jQuery, we can make this technique work. Read the rest of this article to learn how to create a beautiful advanced jQuery background image slideshow.

Fancy transitions effects

Powerful jQuery Slider Plugins and Tutorials
Main idea was to build some ’strip curtain’ effect and I start from that. But, while I was building this some other effects just pop up and I decided to adjust code and include some of those effects. Now, there are ‘wave’, ‘zipper’ and ‘curtain’ effect, plus options that can be used for custom effect.

jQuery Blinds

Powerful jQuery Slider Plugins and Tutorials
jQuery Blinds Slideshow using CSS Sprites.

Making a Mosaic Slideshow With jQuery & CSS

Powerful jQuery Slider Plugins and Tutorials
When designing a product page, it is often necessary to present a number of images in a succession, also known as a slideshow. With the raise of the jQuery library and its numerous plugins, there is an abundance of ready-made solutions which address this problem.

The Lof JSiderNews Plugin

Powerful jQuery Slider Plugins and Tutorials
Base on the Jquery Framework and the Easing Plugin, The JSiderNews Plugin is a slideshow plugin that displaying images or type of content and support favious navigation to previous|next items.

Blinds-effect Slideshow

Powerful jQuery Slider Plugins and Tutorials
There are two ways of setting Floom up. One is the object way, where you specify the image url and the caption using the key-value notation.

Slideshow plugin for the Tabs

Powerful jQuery Slider Plugins and Tutorials
Here you can see a slideshow plugin in action. Click on the arrow buttons, navigator or the content area to navigate through the slides. You can also enable the automatic slideshow by pressing the “play” button below the slides.

Slideshow plugin for the Tabs

Powerful jQuery Slider Plugins and Tutorials
we learn how to fade list of images through each other in continuous loop. We will also add captions and tooltips to make it more usable. This simple effect is ideal for portfolio websites, galleries or magazines where images need to be seen.

loopedCarousel

Powerful jQuery Slider Plugins and Tutorials

Supersized 2.0

Powerful jQuery Slider Plugins and Tutorials

jQuery Carousel

Powerful jQuery Slider Plugins and Tutorials

Create a jQuery Carousel with WordPress Posts

Powerful jQuery Slider Plugins and Tutorials

Create a Simple Infinite Carousel with jQuery

Powerful jQuery Slider Plugins and Tutorials
This tutorial will show you how to create a infinite carousel script with jQuery. It also have a simple autorotate script that will rotate items in the carousel.

jQuery Infinite Carousel-version 2

Powerful jQuery Slider Plugins and Tutorials

Agile Carousel

Powerful jQuery Slider Plugins and Tutorials
Agile Carousel is a JQuery Plugin. The JQuery AJAX function is used to deliver settings to the included PHP script “make_slides.php”, which you do not need to modify. The PHP script uses the requested settings to custom-build an image carousel. The carousel html is then placed to the html document within the container you specify.

jQuery Multimedia Portfolio

Powerful jQuery Slider Plugins and Tutorials
This plugin for jQuery will automatically detect the extension of each media and apply the adapted player.

Ajax Search – Carousel

Powerful jQuery Slider Plugins and Tutorials

Create a Simple Slideshow using Mootools / JQuery

Powerful jQuery Slider Plugins and Tutorials
In this post i’ll walk you through the process of making a very simple(minimilistic) slideshow using Mootools / Jquery.

Lateral Slider

Powerful jQuery Slider Plugins and Tutorials
Slider – The easiest known way to showcase your images and photos on the web in style.

Horinaja

Powerful jQuery Slider Plugins and Tutorials
Horinaja is a slide-show ready-to-use for scriptaculous/prototype or jQuery.

Gradually

Powerful jQuery Slider Plugins and Tutorials
Gradually offers API, a slide show, and a thumbnail gallery using ImageDrawer.

Simple jQuery slideshow bubble messages

Powerful jQuery Slider Plugins and Tutorials

Sexy Slider

Powerful jQuery Slider Plugins and Tutorials
SexySlider is a JQuery plugin that lets you easily create powerful javascript Sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider!

siteFeature

Powerful jQuery Slider Plugins and Tutorials
siteFeature is an unobtrusive jQuery plugin that simplifies the creation of an interactive “Featured Items” widget.

DDSlider – 10 Transitions – Inline Content Support

Powerful jQuery Slider Plugins and Tutorials
DDSlider introduces a new easy-to-go slider with 9 different unique transitions (+fading & random—11 total) that support Inline Content. You can also have multiple sliders in the same page

AviaSlider – jQuery Slideshow

Powerful jQuery Slider Plugins and Tutorials
AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were nver available before, as well as some basic transitions, so the slider will fit into every project.

jQuery Banner Rotator / Slideshow

Powerful jQuery Slider Plugins and Tutorials
This is a jQuery banner rotator plugin featuring multiple transitions. The thumbnails and buttons allow for easy navigation of your banners/ads. The banner rotator is also re-sizable and configurable through the plugin’s parameters.

TinySlider

Powerful jQuery Slider Plugins and Tutorials
This super lightweight (1.5 KB) sliding Javascript slideshow script can easily be customized to integrate with any website through CSS. You can add any content to it, not just images, and it gracefully degrades without Javascript support.

Slideshow 2

Powerful jQuery Slider Plugins and Tutorials
Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. This page features some examples of how Slideshow might be used to enhance the presentation of images on your website. Please view the source of this page for usage information.

BlogSlideShow

Powerful jQuery Slider Plugins and Tutorials
BlogSlideShow is a free open-code JQuery plugin that enhances your blog pages with fancy image viewer, which provides nice transition effects including CSS3/HTML5-related ones.

PictureSlides

Powerful jQuery Slider Plugins and Tutorials
PictureSlides is a plugin for jQuery, and it is a highly customizable JavaScript-based way to easily turn your images into a collection viewable as a slideshow, and with fading effects, if desired.

CSS3 enhanced zoom-in zoom out slideshow

Powerful jQuery Slider Plugins and Tutorials
This free copy and paste script adds a stylish CSS3 effect to your slideshow. Simply by setting the style attributes you can apply corners to any or all four image-corners, furthermore you can apply shadows.