Post on 31-Aug-2014
description
CVA Web cursus
Day 3Multimedia, interactivity and SEO for
musicians
Why is a blog important?
• Authority
• Enhances your social media strategy
• Content is the king... For SEO
• Content gets people to take action
Copyright www.creativesocialmedia.eu
http://www.rightmixmarketing.com/
Copyright www.creativesocialmedia.eu
How to create a blog in your wordpress.com site and add tags and
categories
How to create a blog(http://www.youtube.com/watch?v=Cqxo8dR33JE)
How to add categories and tagshttp://www.youtube.com/watch?v=bUiZNE9-R2A
Copyright www.creativesocialmedia.eu
Adding pictures in our site
How do we mesure a picture?
Pixel
stackoverflow.com
Copyright www.creativesocialmedia.eu
• In digital imaging, a pixel, pel, or picture element is a physical point in a raster image, or the smallest addressable element in an all points addressable display device;
• so it is the smallest controllable element of a picture represented on the screen.
Copyright www.creativesocialmedia.eu
discoveriesandbreakthroughs.org
Copyright www.creativesocialmedia.eu
Image formats
www.funatweb.com
Copyright www.creativesocialmedia.eu
• GIF = Short for Graphics Interchange Format.
• JPG= Short for Joint Photographic Experts Group, the original name of the committee that wrote the standard.
• PNG = Portable Network Graphics (not supported by all browsers)
Copyright www.creativesocialmedia.eu
GIF
• Very low resolution files for your website
• Transparency
• Limited to 256 colors
• Support animation
Copyright www.creativesocialmedia.eu
JPG
• can be relatively small in size
• They look crisp and beautiful
• support up to 16.7 million colors
• flexible images without large loading times
Copyright www.creativesocialmedia.eu
PNG
• PNG files are lossless, which means that they do not lose quality during editing
• PNG files tend to be larger than jpegs
• PNG files do not support animation
• PNG files were developed to build upon the purpose of gifs.
Copyright www.creativesocialmedia.eu
Which one should I use?
• For most ecommerce situations - JPEGs will be your best bet. They provide the best quality and the smallest file size.
• Never use GIFs for large product images. The file size will be very large and there is no good way to reduce it. Use GIFs for thumbnails and decorative images.
• PNGs can be a good alternative to both JPEGs and GIFS. If you are only able to get product photos in PNG format, try using PNG-8 over PNG-24. PNGs excel at simple decorative images because of their extremely small file size.
Copyright www.creativesocialmedia.eu
Optimization for the web
• Not larger than 70-100 Kb’s
• Be careful with resizing
Tools to use:
www.pixlr.com
For windows users: GIMP 2.8
Videos:Resize: http://www.youtube.com/watch?v=05MadTlQUp8
Adding pictures and links: http://www.youtube.com/watch?v=akSSUnx8S04
Copyright www.creativesocialmedia.eu
Adding videos
To quickly embed a YouTube video, simply copy the video’s URL from yourweb browser’s address bar
Paste it on a line by itself in your post/page editor (make sure that it isnot hyperlinked): while viewing the video:
Copyright www.creativesocialmedia.eu
To customize the video’s size and settings, use a shortcode. You can do this by copying the video URL:
Then create a shortcode using the format below. Be sure to replace the URL listed here with the URL of your video, and the code is on a line by itself.
[youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A]Video Customization OptionsYou can specify the width and height of the embedded video byadding &w=... or &w=...&h=...to the shortcode. It will automatically adapt to your theme’s content length and give you preferred dimensions.You can disable related videos by appending &rel=0.For example, this shortcode:[youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A&w=640&h=385]
Copyright www.creativesocialmedia.eu
Homework
• Fix your blog
• Write a daily small post
• Use Pixlr.com to resize some pictures
• Add them to your site
• Add content to your site
• Add at least one customized video
• Improve design
Copyright www.creativesocialmedia.eu