22
Dead on the Web?Search-Friendly Image Galleries Hope Kiah www.santafewebdesign.net

Search-Friendly Image Galleries

Embed Size (px)

DESCRIPTION

This talk was given at Joomla World Conference, 2012 in San Jose, CA. Most image galleries are not indexible. This system is the best one I have been able to patch together for my right-brained artist and freelance clients, to offer them a search-friendly, update-friendly image gallery.

Citation preview

Page 1: Search-Friendly Image Galleries

Dead on the Web?™Search-Friendly Image Galleries

Hope Kiahwww.santafewebdesign.net

Page 2: Search-Friendly Image Galleries

Just Brie!y About Me

I am a recovering Search-deadly Web Designer

Page 3: Search-Friendly Image Galleries

If you build it...

Page 4: Search-Friendly Image Galleries

SEARCH-DEADLYhttp://demo.artetics.com/index.php?option=com_artgallery&galleryid=1

Page 5: Search-Friendly Image Galleries

SEARCH-FRIENDLYwww.susanschristmasshop.com

Page 6: Search-Friendly Image Galleries

SEARCH FRIENDLY

Page 7: Search-Friendly Image Galleries

SEARCH-FRIENDLY

Page 8: Search-Friendly Image Galleries

UPDATE-FRIENDLY

NOHTML

Page 9: Search-Friendly Image Galleries

WHAT WILL HAPPEN

Page 10: Search-Friendly Image Galleries

Joomla 2.5+ site

Phoca Gallery Component

Xmap Component

Phoca Gallery Xmap Plugin...?

Google Webmaster Tools account

WHAT YOU NEED

Page 11: Search-Friendly Image Galleries

PHOCA GALLERY

Page 12: Search-Friendly Image Galleries

XMAP

Page 13: Search-Friendly Image Galleries

PHOCA GALLERY XMAP PLUGIN

Page 14: Search-Friendly Image Galleries

PHOCA GALLERY XMAP PLUGIN

Page 15: Search-Friendly Image Galleries

PHOCA: ENABLE FRONT-END UPLOADING

Page 16: Search-Friendly Image Galleries

PHOCA: ENABLE FRONT-END UPLOADING

Page 17: Search-Friendly Image Galleries

PHOCA: ENABLE “NO POPUP”

Page 18: Search-Friendly Image Galleries

XMAP XML URL

Page 19: Search-Friendly Image Galleries

GOOGLE WEBMASTER TOOLS

Page 20: Search-Friendly Image Galleries

HACK TO ENABLE PAYPAL BUTTONSThis XML hack prevents Phoca Gallery from stripping code from a shopping cart button form tag

In this xml file:

administrator\components\com_phocagallery\models\forms\phocagalleryimg.xml

Change from:

<field name="description" type="editor" buttons="true" hide="pagebreak,readmore" class="inputbox" label="COM_PHOCAGALLERY_FIELD_DESCRIPTION_LABEL" filter="safehtml" description="COM_PHOCAGALLERY_FIELD_DESCRIPTION_DESC" />

To:

<field name="description" type="editor" buttons="true" hide="pagebreak,readmore" class="inputbox" label="COM_PHOCAGALLERY_FIELD_DESCRIPTION_LABEL" filter="raw" description="COM_PHOCAGALLERY_FIELD_DESCRIPTION_DESC" />

IF you want html in the category items, go to the Phoca Gallery Component options, find Display Image Description in Box (Category View Settings - List of images) and change to "Yes (HTML)"

Page 21: Search-Friendly Image Galleries

WHAT NOT TO DOhttp://blog.kissmetrics.com/seo-errors-ecommerce-websites/

Page 22: Search-Friendly Image Galleries

THANK YOU-Hope Kiah

www.santafewebdesign.netAward-winning book: "e Keyword Tutorial Ebook is available free on the website.

Slides for this talk are available on the Events page.

TWITTER: @keywordhopeYOUTUBE: youtube.com/keywordhopeFACEBOOK PROFILE: facebook.com/hopekiahFACEBOOK PAGE: facebook.com/santafewebdesignFACEBOOK PAGE: facebook.com/joomlahowtoLINKEDIN: linkedin.com/in/santafewebdesignGOOGLE PLUS: google “hope kiah google plus”