Customize jQuery Image Gallery for SEO
Budget: $30 – $250 USD
Image Gallery Customizations
Script Name: Auto Photo Albums – jQuery Multi Level Image Grid Gallery
Demo:
https://preview.codecanyon.net/item/auto-photo-albums-multi-level-image-grid/full_screen_preview/5319229
We will use this Image Gallery for selling our products. Following Customizations are required.
- Folder name as Category name and it will be in category path (SEO Friendly) For Example Folder name is "My Products", so in URL it will be "my-products", Product Name from file name
it should be from filename but without (special characters) Dash -, and first letter capital, and without extension For example my_product-name123(text).jpg ------> My Product Name
in Short, URL should be SEO friendly (modify .htaccess file)
Clean URL for folder and file name /gallery/image-name instead of /gallery.php?id=123
- Enable Caching (html/php)
Save generated HTML of gallery pages in a "cache" folder and serve the static version for subsequent requests.
You may use Symfony Cache, Stash, or Simpel Cache (PSR-16)
- From Server Side we will use OPcache / Varnish, Please guide us How we can enable it and hoe this script will use it?
- Serve responsive images with srcset or lazy loading
- Minify and Combine Assests (Minify CSS, JS, and HTML using tools like Minify, Gulp, or Webpack.
- Combine smaller files to reduce HTTP requests.
- Use Gzip/Brotli Compression (Enable compression in .htaccess config)
- Image (Product) Alt tag should be filename but without (special characters) Dash -, and first letter capital, and without extension For example my_file-name123(text).jpg ------> My File Name
- Use Structured Data (ImageObject Schema)
- Sitemap of the complete gallery including images for Google Search Console.
- Each product will have WhatsApp button ""Order on WhatsApp". When someone will click on it so it will open message in WhatsApp window with predefined message "I am intested in this Product" with product URL and image. (i will give a sample)
<a href="https://wa.me/911234567890?text=Hello%20I%27m%20interested%20in%20your%20services" target="_blank">
<img src="path/to/your/whatsapp-icon.png" alt="WhatsApp" style="width: 40px; height: 40px;">
Chat with us on WhatsApp
</a>
- Add following thumbnail generating script to this gallery
I have made a PHP script that automatically generate the thumbnails for you, so you don’t have to build them with photoshop or something! you can download it here: https://www.dropbox.com/s/j7nbjqv4avl2tw5/thumbmaker.zip
Documentation:
http://www.castlecodeweb.com/autophotoalbums/documentation/
Script Name: Auto Photo Albums – jQuery Multi Level Image Grid Gallery
Demo:
https://preview.codecanyon.net/item/auto-photo-albums-multi-level-image-grid/full_screen_preview/5319229
We will use this Image Gallery for selling our products. Following Customizations are required.
- Folder name as Category name and it will be in category path (SEO Friendly) For Example Folder name is "My Products", so in URL it will be "my-products", Product Name from file name
it should be from filename but without (special characters) Dash -, and first letter capital, and without extension For example my_product-name123(text).jpg ------> My Product Name
in Short, URL should be SEO friendly (modify .htaccess file)
Clean URL for folder and file name /gallery/image-name instead of /gallery.php?id=123
- Enable Caching (html/php)
Save generated HTML of gallery pages in a "cache" folder and serve the static version for subsequent requests.
You may use Symfony Cache, Stash, or Simpel Cache (PSR-16)
- From Server Side we will use OPcache / Varnish, Please guide us How we can enable it and hoe this script will use it?
- Serve responsive images with srcset or lazy loading
- Minify and Combine Assests (Minify CSS, JS, and HTML using tools like Minify, Gulp, or Webpack.
- Combine smaller files to reduce HTTP requests.
- Use Gzip/Brotli Compression (Enable compression in .htaccess config)
- Image (Product) Alt tag should be filename but without (special characters) Dash -, and first letter capital, and without extension For example my_file-name123(text).jpg ------> My File Name
- Use Structured Data (ImageObject Schema)
- Sitemap of the complete gallery including images for Google Search Console.
- Each product will have WhatsApp button ""Order on WhatsApp". When someone will click on it so it will open message in WhatsApp window with predefined message "I am intested in this Product" with product URL and image. (i will give a sample)
<a href="https://wa.me/911234567890?text=Hello%20I%27m%20interested%20in%20your%20services" target="_blank">
<img src="path/to/your/whatsapp-icon.png" alt="WhatsApp" style="width: 40px; height: 40px;">
Chat with us on WhatsApp
</a>
- Add following thumbnail generating script to this gallery
I have made a PHP script that automatically generate the thumbnails for you, so you don’t have to build them with photoshop or something! you can download it here: https://www.dropbox.com/s/j7nbjqv4avl2tw5/thumbmaker.zip
Documentation:
http://www.castlecodeweb.com/autophotoalbums/documentation/