Working With Images In The Episerver Editor

A web page would be pretty boring without images.  To display images on a page an image must be loaded into the Episerver assets library. Many companies will provide you with a pre-set library of images that you can use, while, other companies will trust their content editors to upload images themselves.  Before we start talking about images, I’ll briefly discuss the ‘Media Library’ and how you can access it.

episerver_editor_guide_content_area_5

In the top right-hand corner, click on the ‘Toggle Assets’ panel button.

episerver_working_with_images

Clicking on the ‘Toggle Assets’ button will cause the ‘Assets Panel’ to display.  To view the Media library, in the top panel, click on the ‘Media’ tab.  The Episerver media navigation tree should now display, as seen above.  From this panel, you can now browse your websites media library, where you can see all images, videos etc.. that has been uploaded to your website.  What type of media items that you can upload to your website will be based on your IT department, so if you can’t upload a certain file you might need to speak with them and get it allowed.   It is a good practice to create specific folders for your content and never just plonk everything under ‘All Sites’, doing this will not only help you find images in the future quicker, it can also make the website work faster!

episerver_working_with_images_1

One way to add an image to your website is to drag it directly from the Media library into a rich text area.

episerver_working_with_images_2
A second way is to use the image picker from the rich text panel.  Click on the image button as highlighted above.

episerver_working_with_images__3
In the image URL section, click the server icon

episerver_working_with_images_4
This will launch the media library.  Find the image you want to insert, select it and then click the ‘OK’ button.

SEO

Getting a high ranking in Google is key to your companies success.  The process of getting a prominent ranking in Google is called SEO.  Some areas of SEO can only be done by developers or tech people, some areas have to be done by you.  When you add images to your page I would high recommend that you always add an image description and title.  The more useful information you can add to a page, the easier it is for Google to understand your page and it will rank your web pages higher, compared to sites that don’t have the image title and description set.

 

 

Jon D Jones

Software Architect, Programmer and Technologist Jon Jones is founder and CEO of London-based tech firm Digital Prompt. He has been working in the field for nearly a decade, specializing in new technologies and technical solution research in the web business. A passionate blogger by heart , speaker & consultant from England.. always on the hunt for the next challenge

More Posts

1 reply

Trackbacks & Pingbacks

  1. […] mentioned in, Working With Images In The Episerver Editor.  You should organize your media into the folder.  I’ve seen countless organizations, […]

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *